html - の HTML for="" 属性は何ですか?

Question

jQuery でこれを見たことがあります。

<label for="name"> text </label>
<input type="text" name="name" value=""/>

Answer 1

for属性はラベルで使用されます。このラベルが関連付けられている要素の ID を参照します。

例えば：

<label for="username">Username</label>
<input type="text" id="username" name="username" />

ユーザーがマウスでテキストをクリックするとusername、ブラウザーは自動的に対応するinputフィールドにフォーカスを置きます。<textbox>これは、やなどの他の入力要素でも機能し<select>ます。

仕様書より引用：

この属性は、定義されているラベルを別のコントロールに明示的に関連付けます。存在する場合、この属性の値は、同じドキュメント内の他のコントロールの id 属性の値と同じである必要があります。存在しない場合、定義されているラベルは要素のコンテンツに関連付けられます。

あなたの質問がjQueryでタグ付けされている理由と、それがjQueryで使用されているのをどこで見たのかについては、あまり情報を提供しなかったため、お答えできません。

おそらく、ラベルインスタンスを指定して対応する入力要素を見つけるために jQuery セレクターで使用された可能性があります。

var label = $('label');
label.each(function() {
    // get the corresponding input element of the label:
    var input = $('#' + $(this).attr('for'));
});

Answer 2

速い例：

<label for="name">Name:</label>
<input id="name" type="text" />

タグはfor=""、ラベルをクリックしたときにも入力にフォーカスさせます。

Answer 3

ラベルと一緒に使用して、2 つのオブジェクトが一緒に属していることを示します。

<input type="checkbox" name="remember" id="rememberbox"/>
<label for="rememberbox">Remember your details?</label>

これは、そのラベルをクリックすると、チェックボックスの値が変更されることも意味します。

Answer 4

タグのfor属性は、<label>それらをバインドするために、関連する要素のid属性と同じである必要があります。

Answer 5

<label>要素に使用されます

ラベルのクリックで選択するために、入力タイプのチェックボックスまたは redio で使用されます

動作デモ

Answer 6

<label>HTMLのテキストで使用されます

例えば。

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>

Answer 7

<label>タグの属性です: http://www.w3schools.com/tags/tag_label.asp