什么'；HTML中for属性的用途是什么？

我理解

for

属性指定了

表单

元素a

标签

绑定到哪个

元素

您是否有这样一个示例，说明这实际上很有用？
这对于复选框标签最有用，因为它可以使整个标签可点击，这样您就不必将复选框本身作为切换其状态的目标。单选按钮也是如此。
电子邮件：
<label for="email">E-mail:</label>
<input type="text" id="email" name="email"/>


现在，如果单击“E-mail”，相应的
输入
元素将得到关注。
出于语义目的，它就在那里。它对屏幕阅读器和搜索引擎都很有用。浏览器还将控件连接到其标签（例如，单击标签时复选框将激活），并且您可以将快捷键应用到标签，当按下时，标签将聚焦控件

标签有两种格式：

<label>Label<input ... /></label> 

标签

它不需要for属性。及

<label for="control">Label</label>
<input id="control" name="control" ... />

标签

当标签和输入分开时（例如表格），可能需要使用此选项。
Name


单击标签会将焦点放在与for值具有相同ID的元素上

对于单选按钮或复选框，它将切换它们的状态，就像您单击它们一样

这在手持设备上尤其有用，因为在手持设备上，单击所需的表单控件并不总是那么简单。
我认为它可以让您单击标签以及元素本身。@Maxpm不需要为

设置

，例如，
foo
允许您单击
foo
以聚焦
输入
。
<label for="name">Name</label>

<input type="text" id="name" />