html - HTML 标记中的 For 属性是什么？

Question

  <label id="label1" for="txtTextBox">

如果我将 for 属性放在那里，label1 会产生什么影响？

Answer 1

它允许您创建附加到 DOM 中特定元素的标签。当标签收到鼠标按下事件时，它会关注它所附加的元素。

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

当用户点击“用户名:”文本时，它将聚焦文本框。

这对于可访问性也有好处，因为屏幕阅读器将在阅读输入字段之前阅读标签的内部 HTML，而不管它们在 DOM 中的物理顺序如何。