詳解逆引きHTML+CSS辞典

フォーム - フォームの各種部品とラベルを関連付けたい

登録タグ
Icon comment count 0
Icon stock count 0

フォームの各種部品とラベルを関連付けたい

テキストとラジオボタンを連動させたい/テキストとチェックボックスを連動させたい

label要素 ラベル フォーム部品 関連付け

フォームの部品の前後につけたテキストは、そのままではクリックしても反応しません(たとえばラジオボタンは、テキストではなくボタンそのものをクリックしなければオン・オフができません)。テキストとフォームの部品を関連づけて、テキスト部分をクリックしても部品が反応するようにするには、関連づけたいテキストとフォームの部品を<label></label>で囲います。

<p>
<label>text:<input type="text" size="20"></label>

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません