如何在选项 HTML 标记中标记所选选项？答案

【问题标题】：How to mark selected options in for the option HTML tag?如何在选项 HTML 标记中标记所选选项？
【发布时间】：2012-06-08 12:49:53
【问题描述】：

我在我的网站上使用普通选择框和多选框。对于选定的项目，我应该使用<option selected="selected"> 还是简单地使用<option selected>？

【问题讨论】：

我认为两者都可以，但我很想知道是否有人有任何详细的理由为什么要使用其中一个。我敢肯定，如果有差异，它可以忽略不计......
What is the syntax for boolean attributes, e.g. a checked checkbox, in HTML?的可能重复

标签： html css drop-down-menu

【解决方案1】：

HTML5 规范：

https://www.w3.org/TR/html5/forms.html#attr-option-selected

选择的属性是一个布尔属性。

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes：

元素上存在布尔属性表示真值，不存在该属性表示假值。

如果该属性存在，其值必须是空字符串或与属性的规范名称匹配的不区分大小写的 ASCII 值，并且没有前导或尾随空格。

结论：

以下是有效、等效和真实的：

<option selected />
<option selected="" />
<option selected="selected" />
<option selected="SeLeCtEd" />

以下是无效：

<option selected="0" />
<option selected="1" />
<option selected="false" />
<option selected="true" />

没有属性是 false 的唯一有效语法：

<option />

推荐

如果您关心编写有效的 XHTML，请使用 selected="selected"，因为 <option selected> 是无效的 XHTML（但有效的 HTML）并且其他替代方案的可读性较差。否则，只需使用 <option selected>，因为它更短。

【讨论】：

老兄，为什么你没有得到很多选票。让我给你一个强有力的投票。 :-)

【解决方案2】：

将选择根据 W3C 的正确方法 = “已选择”，如此处所述 http://www.w3.org/TR/html-markup/option.html#option

昆汀：不重复，因为这个问题与选择有关，同时您的回答与复选框有关

（相同的答案，不同的顺序，以避免无法阅读完整帖子的人的“不是答案，这是评论”cmets

【讨论】：

那更多的是评论，而不是答案

【解决方案3】：

如果你想在select中设置多于1个选项，不要忘记添加到select属性multiple并添加到select []的名称，否则它不起作用。

<select name="mega_select[]" multiple>
  <option value="some" selected="selected">some</option>
  <option value="value" selected="selected">value</option>
  <option value="non">non</option>
</select>

【讨论】：