attribute_html/css_WEB-ITnose のラベル

1. 使い方の概要

は、入力要素を提供し、それらのタグを定義するために特別に設計されています。

for 属性は、ラベルがどのフォーム要素にバインドされるかを指定します

ラベルをフォーム コントロールにバインドするには 2 つの方法があります:

1. フォーム コントロールをラベルのコンテンツとして使用します。これはハーミット バインディングです。

現時点では for 属性は必要ありません。また、バインドされたコントロールには id 属性も必要ありません。

隐式绑定：<label>Date of Birth: <input type="text" name="DofB" /></label>

2. タグの下にターゲット フォームの ID を指定します。

显式绑定：<label for="SSN">Social Security Number:</label><input type="text" name="SocSecNum" id="SSN" />

2. for 属性を に追加する理由

for 属性を に追加して入力コントロールをバインドすると、マウス ユーザーのユーザー エクスペリエンスが向上します。

ラベル要素内のテキストをクリックすると、このコントロールがトリガーされます。つまり、ユーザーがラベルをレンダリングすると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを移します。

ブログパークチーム: 申し訳ありません。 Paiyunがまた故障してしまい、写真をアップロードできなくなりました。 09:35

昨日の夜アップロードできなかったので写真はアップしません。

Blog Park チーム: Paiyun に再び障害が発生したため、画像のアップロードをサーバーに切り替えています 2015-06-02 10:10

効率は非常に高いです。

html5 は、ラベルが属する 1 つ以上のフォームを指定するために、新しい form 属性を に追加します。複数のフォームはスペースで区切られます。まだ実際に使っていないので補足が必要です。