HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

ラベル

label要素

input要素の項目名として使用します。for属性を指定することで、一致するidを持つフォームの各要素と結びつけを行うことができます。

サンプルコード

<label for="maleForm"><input id="maleForm" type="radio" name="genderForm" value="1">男性</label>
<label for="femaleForm"><input id="femaleForm" type="radio" name="genderForm" value="1">女性</label>
  • カテゴリー

    フローコンテンツ、フレージングコンテンツ、インタラクティブコンテンツ、フォーム要素への関連付け可・フォーム関連コンテンツ、パルパブルコンテンツ

  • コンテンツモデル

    フレージングコンテンツ。ただし、ラベル付け可能な要素が他のlabel要素と関連付けされていないことと、label要素を子孫として持つことはできない

  • 使用ケース

    フレージングコンテンツが期待される場所

属性

グローバル属性

グローバル属性のみ使用することができます。

form

form要素のid属性を指定し、関連付けを行います。

for

関連付けしたい入力要素のid属性を指定します。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。