[HTML 5]labelタグの使用と推奨
2315 ワード
forプロパティは、labelがどのフォーム要素にバインドされるかを規定します.
暗黙的および明示的な関連付け
タグは、通常、タグラベルの内容としてフォームコントロールを使用するか、タグの下のfor属性にターゲットフォームidを命名するか、明示的な形式でフォームコントロールに関連付けられます.
最初のタグは、「Social Security Number:」とフォームの社会安全番号のテキスト入力コントロール(「SocSecNum」)を明示的に関連付けるもので、for属性の値はコントロールのidと同様にSSNである.2番目のタグ(「Date of Birth:」)はfor属性を必要とせず、その関連コントロールもid属性を必要とせず、ラベルにラベルを入れることで暗黙的に接続されている.
html 5に追加されたformプロパティ:
formプロパティは、labelが属する1つ以上のフォームを規定します.
formプロパティの値は、その属するフォームのidでなければなりません.
1つ以上のフォームを参照するには、スペースで区切られたリストを使用します.
提案:formプロパティの使用を推奨しないで、実際のテストを経て、formプロパティを使用してフォームを指ささなくてもフォームの外でフォーム内の要素を指さすことができます.ページ要素のidは唯一なので、formでこのlabelがどのフォームに属しているかを区別する必要はありません.
ページ要素idが一意であることを保証できればfor属性だけでいいのですが、ページ要素idが唯一であることを保証できない場合は、ターゲット要素idが重複しても暗黙的なバインドを使用することをお勧めします(form属性を使用してこの状況を解決したい場合は、form属性がまったく機能せず、機能しているのはfor属性であり、重複idが初めて現れた要素を指します).
form属性が存在しないとして、少しも役に立たない.
転載先:https://www.cnblogs.com/hihtml5/p/6216021.html
暗黙的および明示的な関連付け
タグは、通常、タグラベルの内容としてフォームコントロールを使用するか、タグの下のfor属性にターゲットフォームidを命名するか、明示的な形式でフォームコントロールに関連付けられます.
:
<label for="SSN">Social Security Number:label>
<input type="text" name="SocSecNum" id="SSN" />
:
<label>Date of Birth: <input type="text" name="DofB" />label>
最初のタグは、「Social Security Number:」とフォームの社会安全番号のテキスト入力コントロール(「SocSecNum」)を明示的に関連付けるもので、for属性の値はコントロールのidと同様にSSNである.2番目のタグ(「Date of Birth:」)はfor属性を必要とせず、その関連コントロールもid属性を必要とせず、ラベルにラベルを入れることで暗黙的に接続されている.
html 5に追加されたformプロパティ:
formプロパティは、labelが属する1つ以上のフォームを規定します.
formプロパティの値は、その属するフォームのidでなければなりません.
1つ以上のフォームを参照するには、スペースで区切られたリストを使用します.
提案:formプロパティの使用を推奨しないで、実際のテストを経て、formプロパティを使用してフォームを指ささなくてもフォームの外でフォーム内の要素を指さすことができます.ページ要素のidは唯一なので、formでこのlabelがどのフォームに属しているかを区別する必要はありません.
ページ要素idが一意であることを保証できればfor属性だけでいいのですが、ページ要素idが唯一であることを保証できない場合は、ターゲット要素idが重複しても暗黙的なバインドを使用することをお勧めします(form属性を使用してこの状況を解決したい場合は、form属性がまったく機能せず、機能しているのはfor属性であり、重複idが初めて現れた要素を指します).
form属性が存在しないとして、少しも役に立たない.
転載先:https://www.cnblogs.com/hihtml5/p/6216021.html