不同的浏览器如何处理多个选择的选项
How do different browsers handle multiple selected options
在下面这种情况下,不同的浏览器如何处理多个 selected 选项,在这种情况下,程序员错误地或无意地 select 在其 HTML 中设置了多个默认选项:
<select>
<option selected="selected"> Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option selected="selected">Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
</select>
目前我可以访问 chrome、firefox、opera 和 safari,它们似乎都一致 select option 4
,可能是因为浏览器是从上到下加载的.尽管如此,安全总比后悔好。在我们都喜欢讨厌的浏览器中,即 IE(无双关语)或 Microsoft edge,它们有什么不同吗?
根据Browserling,它在 IE 9 中显示了相同的结果,我也在我的 PC 上进行了测试。 Microsoft Edge 也显示相同的结果。我认为每个浏览器都以自己的方式解释它。根据W3规范:
A select element whose multiple attribute is not specified must not have more than one descendant option element with its selected attribute set.
如果您想更详细地了解这一点,请将您提供的代码放在 JSFiddle 上并尝试 Browserling or Browsershots 中的 link。
在下面这种情况下,不同的浏览器如何处理多个 selected 选项,在这种情况下,程序员错误地或无意地 select 在其 HTML 中设置了多个默认选项:
<select>
<option selected="selected"> Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option selected="selected">Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
</select>
目前我可以访问 chrome、firefox、opera 和 safari,它们似乎都一致 select option 4
,可能是因为浏览器是从上到下加载的.尽管如此,安全总比后悔好。在我们都喜欢讨厌的浏览器中,即 IE(无双关语)或 Microsoft edge,它们有什么不同吗?
根据Browserling,它在 IE 9 中显示了相同的结果,我也在我的 PC 上进行了测试。 Microsoft Edge 也显示相同的结果。我认为每个浏览器都以自己的方式解释它。根据W3规范:
A select element whose multiple attribute is not specified must not have more than one descendant option element with its selected attribute set.
如果您想更详细地了解这一点,请将您提供的代码放在 JSFiddle 上并尝试 Browserling or Browsershots 中的 link。