『Web標準の教科書』各章

第4章第1節（p.298-312）

<form>
　：
（フォームの内容）
　：
</form>

<form action="/cgi-bin/inquiry.cgi" method="post">
　：
（フォームの内容）
　：
</form>

<form action="/cgi-bin/inquiry.cgi" method="post">
  <p>
    お名前：<br />
    <input type="text" name="yourname" id="yourname"
    value="" size="50" />
  </p>
  <p>
    E-mail：<br />
    <input type="text" name="youremail" id="youremail"
    value="" size="50" />
  </p>
  <p>
    URI：<br />
    <input type="text" name="youruri" id="youruri"
    value="http://" size="50" />
  </p>
  <p>
    <input type="submit" value="送信" />
  </p>
</form>

<p>
  性別：<br />
  男性<input type="radio" name="sex" value="male" />
  女性<input type="radio" name="sex" value="female" />
</p>

<form action="/cgi-bin/inquiry.cgi" method="post">
  <input type="hidden" name="recipient" id="recipient"
  value="webmaster@cybergarden.net" />
  <input type="hidden" name="redirect" id="redirect"
  value="http://www.cybergarden.net/about/thanks.html" />
    ：
    ：

<p>
  コメント：<br />
  <textarea name="comment" id="comment" rows="5" cols="50">
  ご意見やご質問を入力してください。
  </textarea>
</p>

<p>
  居住地：<br />
  <select name="place" id="place">
    <option value="hokkaido">北海道</option>
    <option value="touhoku">東北</option>
    <option value="kantou" selected="selected">関東</option>
    <option value="chubu">中部</option>
    <option value="kinki">近畿</option>
    <option value="chugoku">中国</option>
    <option value="shikoku">四国</option>
    <option value="kyushu">九州</option>
  </select>
</p>

<p>
  居住地：<br />
  <select name="place" id="place">
      ：
      ：
    <optgroup label="関東">
      <option value="tokyo">東京</option>
      <option value="kanagawa">神奈川</option>
      <option value="chiba">千葉</option>
      <option value="saitama">埼玉</option>
      <option value="gunma">群馬</option>
      <option value="tochigi">栃木</option>
      <option value="ibaraki">茨城</option>
    </optgroup>
      ：
      ：
    <optgroup label="近畿">
      <option value="kyoto">京都</option>
      <option value="osaka">大阪</option>
      <option value="hyogo">兵庫</option>
      <option value="nara">奈良</option>
      <option value="wakayama">和歌山</option>
      <option value="shiga">滋賀</option>
      <option value="mie">三重</option>
    </optgroup>
      ：
      ：
  </select>
</p>

<p>
  <button type="submit" value="sendok">送信</button>
</p>

<p>
  <label for="yourname">お名前：</label><br />
  <input type="text" name="yourname" id="yourname"
  value="" size="50" />
</p>

<p>
  <label>
    お名前：<br />
    <input type="text" name="yourname" id="yourname"
    value="" size="50" />
  </label>
</p>

<form action="/cgi-bin/inquiry.cgi" method="post">
  <fieldset>
    <legend>必須項目</legend>
    <p>
      <label for="yourname">お名前：</label><br />
      <input type="text" name="yourname" id="yourname"
      value="" size="50" />
    </p>
     ：
     ：
  </fieldset>
  <fieldset>
    <legend>任意項目</legend>
    <p>
      <label for="sex">性別：</label><br />
      男性 <input type="radio" name="sex" id="sex"
      value="male" />
      女性 <input type="radio" name="sex" value="female" />
    </p>
     ：
     ：
  </fieldset>
</form>

</p>
  <label for="yourname">お名前：</label><br />
  <input type="text" name="yourname" id="yourname"
  value="" size="50" tabindex="1" accesskey="1" />
</p>

第4章 第1節（p.298-312）

Chapters

第4章第1節（p.298-312）