标签上的“ for”是什么意思？

只是在 HTML 标签标记中遇到了一个 for参数:

<label for="required-firstname"> First Name </label>
<small>*</small>
<input name="required-firstname" type="text" tabindex="2"
id="required-firstname" size="24" maxlength="40">

我正在将这个表单转换为 PHP 处理的脚本，是否可以去掉 for = 参数？ (出于好奇，它是做什么的?)

60494 次浏览
小开

它将标签绑定到一个表单元素 id。有些表单元素，比如复选框，可以通过单击它们的标签来激活。

小开
最佳答案

来自 w3school. org:

标记为输入元素定义一个标签。

Label 元素不会为用户呈现任何特殊的内容。但是，它为鼠标用户提供了可用性改进，因为如果用户单击 label 元素中的文本，它将切换控件。

标记的 for 属性应该等于相关元素的 id 属性，以便将它们绑定在一起。

哈！

添加我的 $.02作为一个可访问的中小型企业-以及可用性，LABEL 还关联输入字段与正确的标签，使用屏幕阅读器的人将知道该字段的用途。

小开

在一些浏览器中，当您单击 for 标记中的文本时，您将选中与之关联的框(即 for = id)或将焦点放在该框上。这是助理地方检察官的事

小开

HTML 标签标记定义表单元素的标签。它们通常与复选框和单选按钮一起使用，当用户单击标签时，它会切换按钮。使用文本输入(您必须检查这一点才能确定) ，我认为它只会在用户单击标签时将焦点放在输入上。

小开

它指定标签绑定到哪个元素。在示例代码中，标签是 为了、 被要求的名字输入字段。如果用户单击该标签，焦点将转到绑定的输入字段。这是一个可用性改进，我认为您最好保持原样。这是个很好的练习。

小开

“ for”属性是表单可访问性所必需的元素。不要省略它。对于使用屏幕阅读器(SR)来向他们发布网页的人来说，“ For”属性将控件与标签联系起来。通常 SR 用户将通过一个表单，从一个控件(SR 的可定焦元素)到下一个控件。如果没有“ for”属性，SR 用户将不得不改变 SR 上的模式，并在表单周围进行探测，以尝试确定哪个控件匹配哪个标签，这可能非常耗费时间和困惑。“ for”属性对于与汽车问题有关的辅具也很有用。

WebAIM.org 有一个很棒的页面，解释了“ for”的可访问性分支: http://webaim.org/techniques/forms/controls


提交答案