<label>: ラベル要素 - HTML: ハイパーテキストマークアップ言語 | MDN<label> を <input> や <textarea> などのフォーム要素と関連付けると、いくらかの利点が発生します。 ラベルのテキストが、対応するテキスト入力欄に視覚的に関連付けられるだけではありません。プログラム的にも関連付けられます。つまり、例えばユーザーがフォーム入力欄にフォーカスを移動した時、読み上げソフトがラベルを読み上げ、支援技術のユーザーが何のデータを入力するべきか理解しやすくすることができます。 関連付けられたラベルをクリックして、入力欄自体をクリックした場合と同様に、入力欄にフォーカスを与えたりアクティブ化にしたりすることができます。こうしてヒット領域を拡大すると、タッチパネルの端末を使用している場合を含めて、入力欄をアクティブ化させやすくなります。 <label> 要素と <input> 要素を明示的に関連付けるには、最初に id 属性を <input> 要素に
