HTML 中的 for 和 id 属性连接元素

Question

我看到下面的代码，在我的一个学习代码中：

<form>
    <label for="firstName">First Name:(click here cause cursor go inside the input box)</label>
    <input id="firstName" type="text">
</form>

我发现for和id这对属性连接标签和输入元素的方式是点击标签时光标自动进入输入框。

另外哪一对 HTML 元素可以通过 for 和 id 属性集相互连接？如果它适用于许多其他 HTML 元素，是否有通过在每个对元素中连接其中一个而发生的默认操作的任何列表或来源？

Answer 1

根据w3school, we can use for with <label> and <output> element. Here is the link。

Answer 2

添加 for 很重要，即使它们是相邻的。我似乎记得听说过一些视障人士的屏幕阅读器在其他方面存在问题。因此，如果您想对那些可能正在使用替代 browsers/screen 阅读器的人友好，请使用此方法。

for and id attributes in HTML to connect the element