option的value、text与label 古老的bug

option的value、text与label

option标签的前两个属性估计大家比较常用,其中text是隐式定义的,相当于innerText或textContent,而value可以显式定义,如果不定义,它默认与text相同。那么label是什么呢?它是用来决定option显示的内容,虽然我们直接在它的开始标签与结构标签之间直接填写内容,我们也可以用来label来填写内容。

<select id="test">
   <option label="Label1">TextContent1</option>
   <option label="Label2">TextContent2</option>
 </select>

通常情况下,IE,chrome,opera,safari是显示Label1与Label2,而firefox(即使是4.01的版本)是显示TextContent1与TextContent2,这个古老的bug(见这里) 至今没修复。

原文地址:https://www.cnblogs.com/gaojunfeng/p/2955534.html