<select>中<option>"label"属性的重点是什么？

Question

除了只有IE7 +支持它的事实,你为什么要使用这个例子？即:

<select>
  <option label="Volvo">Volvo (Latin for "I roll")</option>
  <option label="Saab">Saab (Swedish Aeroplane AB)</option>
</select>

毕竟,'拉丁为'我滚'和'瑞典飞机AB' 丢失(即,仅保留在源代码中).

Answer 1

在该示例中,在提交表单时将将长文本发送到服务器.

鉴于value属性的存在,它是多余的.

Answer 2

根据w3c 对选项标签的定义:

"此属性允许作者为选项指定比OPTION元素的内容更短的标签.指定时,用户代理应使用此属性的值而不是OPTION元素的内容作为选项标签."

大卫的答案非常好,我只是想添加官方定义的链接.:d

Answer 3

该label属性显式设置标签.请允许我改进你的例子:

<select>
  <option label='Volvo (Latin for "I roll")'>Volvo</option>
  <option label="Saab (Swedish Aeroplane AB)">Saab</option>
</select>

文本内容<option>用作以下两者的默认值:可视标签和该选项的"技术"表单/脚本值.您可以分别使用label和value属性覆盖每个的默认值.

所有这三个都可以通过Javascript访问.

由于Firefox不支持label的<option>(但它工作在<optgroup>)总是设置的文本内容<option>的标签,并与覆盖"技术"的值value,如果需要的属性.