HTMLのfor=""属性とは何ですか?質問する

HTMLのfor=

jQuery でこれを見たことがありますが、これは何をするのでしょうか?

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

ベストアンサー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'));
});

おすすめ記事