お問い合わせフォームについて理解しよう！

今回書いたコード

  <form action="" method="POST">

    <p>お名前</p>
    <input type="text" name="name">

    <p>メールアドレス</p>
    <input type="email" name="email">

    <p>パスワード</p>
    <input type="password" name="password">

    <p>お問合せ内容</p>
    <textarea name="cotents" cols="50" rows="10"></textarea>

    <p>選択項目</p>
    <select name="select-list">
      <option value="送信する01">選択肢01</option>
      <option value="送信する02">選択肢02</option>
      <option value="送信する03">選択肢03</option>
    </select>

    <p>性別</p>
    <label for="man">
      男性<input type="radio" name="gender" id="man" checked>
    </label>

    <label for="woman">
      女性<input type="radio" name="gender" id="woman">
    </label>

    <p>チェックボックス</p>
    <input type="checkbox" name="checkbox" checked>リスト01
    <input type="checkbox" name="checkbox">リスト02
    <input type="checkbox" name="checkbox">リスト03
    <input type="checkbox" name="checkbox">リスト04

    <p>
      <input type="submit" value="確認ページへ">
    </p>


  </form>

講座を完了したらクリックしてね！

HTML基礎

お問い合わせフォームについて理解しよう！

HTMLコーディングの役割について知ろう

エディターを準備して便利機能を使おう

VSCの使い方を知ろう！

ファイルを作成してみよう！

基本となるHTMLを書いてみよう

HTMLの基本のタグについて知ろう！

aタグの使い方について学ぼう

imgタグを使って画像を表示させてみよう

パスについて理解しよう

①HTMLマークアップ練習

②HTMLマークアップ練習〜アウトラインタグについて理解しよう〜

コンテンツモデルについて理解しよう

【理解度チェック】HTMLマークアップ課題

tableタグについて理解しよう！

お問い合わせフォームについて理解しよう！

拡張機能「Markuplint」の活用方法