Html 什么';选择标记的标签标记点是什么?

Html 什么';选择标记的标签标记点是什么?,html,select,label,Html,Select,Label,(HTML)我意识到,当您单击标签时,输入标签的标签标签会将光标放在字段中,但它似乎对选择标签没有任何作用。它对select标签有用还是对任何东西都是必需的?它告诉人们他们在选择什么 考虑以下两者之间的区别: <label for="a"> Your allergies </label> <select multiple id="a"> <option>Cats <option>Dogs </select>

(HTML)我意识到,当您单击标签时,输入标签的标签标签会将光标放在字段中,但它似乎对选择标签没有任何作用。它对select标签有用还是对任何东西都是必需的?

它告诉人们他们在选择什么

考虑以下两者之间的区别:

<label for="a"> Your allergies </label>
<select multiple id="a">
    <option>Cats
    <option>Dogs
</select>

<label for="b"> Your favourite animals </label>
<select multiple id="b">
    <option>Cats
    <option>Dogs
</select>
你的过敏症
猫
狗
你最喜欢的动物
猫
狗

现在移除标签并尝试填写正确答案。

将标签与
选择绑定可能没有任何附加功能,但它会通过关联标签来增加标签的语义含义。此外,它还为视觉残疾用户可能使用的屏幕阅读器等辅助软件提供上下文。

单击
标签
元素时,即使控件是
选择
元素,也会将焦点放在相关控件上。这是一种真正的效果,但尚不清楚它是否有多大用途(不像单选按钮和复选框,它们往往很小,给运动障碍者带来问题)

在屏幕阅读器和辅助软件中,
标签
标记可以以不同的方式提供帮助,如WCAG 2.0文档中所述。特别是:“当标签元素与输入元素相关联时,当字段接收到焦点时,屏幕阅读器会说出标签,并且运动控制受损的用户会得到更大的控制可点击区域的帮助,因为点击标签或控制将激活控制。”例如,如果用户使用Tab键四处移动(以聚焦控件),浏览器或辅助软件可能会通过说出相关标签对聚焦做出反应