memo.xight.org

日々のメモ

<label> の使用法

Summary

  <label> は,フォームの中で,フォーム部品とラベルを関係付けるために用いる
  ラベル部分をクリックしても選択できるようになる
  <label>のfor属性と,<input>のid属性を同一にすることで<label>と<input>の関連付けをする

サンプル

  <form action="example.cgi">
    <div>
      <input type="radio" name="YES_NO" id="r1" value="yes" checked>
      <label accesskey="Y" for="r1">はい(<u>Y</u>)</label>
      <input type="radio" name="YES_NO" id="r2" value="no">
      <label accesskey="N" for="r2">いいえ(<u>N</u>)</label>
    </div>
    <input type=submit value="送信">
  </form>

Reference

  とほほのWWW入門 - HTMLリファレンス - <label>
  http://tohoho.wakusei.ne.jp/html/label.htm