标签标签的“目的”是什么？

Question 1

只是遇到for了HTML标签标记中的一个参数：

<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 =参数吗？（出于好奇，它是做什么的？）

Question 2

从w3schools.org：

标签定义输入元素的标签。

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

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

HTH！

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

Question 3

HTML标签标签定义了表单元素的标签。它们通常与复选框和单选按钮一起使用，并且当用户单击标签时，它将切换按钮。对于文本输入（您必须确保对此进行检查），我认为只有当用户单击标签时，它才会将焦点集中在输入上。

Question 4

它指定标签绑定到哪个元素。在示例代码中，必需的名字输入字段带有标签。如果用户单击该标签，则焦点将转到绑定的输入字段。这是对可用性的改进，我认为最好还是保留它。这是一个好习惯。

Question 5

“ for”属性是表单可访问性的必要元素。不要忽略它。对于使用屏幕阅读器（SR）向其发布网页的用户，“ for”属性将控件与标签相关联。通常，SR用户会通过一个选项卡浏览表格，从一个控件（它是SR的可聚焦元素）到下一个控件。没有“ for”属性，SR用户将不得不更改SR上的模式，并在表单周围进行探测，以尝试确定哪个控件与哪个标签匹配，这既费时又令人困惑。“ for”属性对于与运动相关的辅助技术也很有用。

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

Question 6

它将标签绑定到表单元素ID。某些表单元素（例如复选框）可以通过单击其标签来激活。

Question 7

在某些浏览器中，当您单击for标记中的文本时，将选中与之关联的框（即for = id）或将焦点放在该框上。这是ADA的事情