如何在选项HTML标记中标记所选选项?

时间:2012-06-04 12:40:11

标签: html css drop-down-menu

我在我的网站上使用普通的选择和多选框。 我应该对所选项目使用<option selected="selected">还是仅使用<option selected>

3 个答案:

答案 0 :(得分:18)

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>,因为它更短。

答案 1 :(得分:3)

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

Quentin:没有重复,因为这个问题与select,option有关,同时你的回复与复选框有关

(相同的答案,不同的顺序,以避免“没有答案,这是一个评论”评论为那些无法阅读完整帖子的人

答案 2 :(得分:0)

如果你想在select中设置选择多个选项,别忘了添加选择属性多个并添加到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>