HTML5 の label 要素の for 属性の役割

HTML5のlabel要素のfor属性は、label要素を関連付けるフォーム要素を指定します。ユーザーがlabel要素をクリックすると、ブラウザーは自動的に関連するフォーム要素にフォーカスを移動させ、フォームのアクセシビリティとユーザーエクスペリエンスを向上させます。

「for」属性の値はそのフォーム要素の「id」属性の値と同じにしておく必要があります。 例えば、ラベルタグの「for」属性の値が「email」で、フォーム要素に「id」属性が「email」となっている場合、そのラベルタグをクリックするとその「id」が「email」のフォーム要素にフォーカスが移動します。