选择元素是否具有必需的属性？答案

【问题标题】：Does the select element have the required attribute?选择元素是否具有必需的属性？
【发布时间】：2012-01-07 09:51:48
【问题描述】：

select 元素是否具有 required 属性？

【问题讨论】：

几乎是stackoverflow.com/q/6048710/1178314 的重复，imo 有更完整的答案。（不标记为 dup 导致链接的问题做了错误的假设。）

标签： html attributes html-select

【解决方案1】：

是的，您可以在 HTML5 中使用 required 属性。但请记住，第一个值应该为空。

<select required>
<option value="">Please select</option>
<option value="first">First</option>
</select>

【讨论】：

不要忘记value=""，否则将无法正常工作（chrome 25）
@arif 完美答案。我在找这个。
太棒了。谢谢！
但它不会像其他空的必填字段一样变成红色
谢谢.. 它对我有用.. 我忘了输入 value=""。

【解决方案2】：

是的，它有一个必需的属性，你可以如下使用它

<select required>
<option value="" disabled selected>Choose</option>
<option value="first Option">First Option</option>
<option value="Second Option">Second Option</option>
</select>

参考：

HTML Select required Attribute (W3C)

【讨论】：

【解决方案3】：

你可以这样做让它看起来更好

    <select required>
    <option hidden="" disabled="disabled" selected="selected" value="">Select subject</option>
    <option value="first Option">First Option</option>
    <option value="Second Option">Second Option</option>
    </select>

【讨论】：

感谢隐藏属性！

【解决方案4】：

是的，但目前所有主流浏览器的任何版本都不支持它。这包括 Safari、Chrome、Firefox 和 IE。

【讨论】：

这不是真的，例如，参见this。这是一个非常古老的问题，有一个公认的答案。

【解决方案5】：

这是可能的，但（只是 Arif 上面说过）重要的是（显然）您使用没有价值的第一个选项，例如：

<form action="#" method="post">
  <div>
    <label for="State">State</label> 
    <select required id="State" name="State">
      <option value="">Choose</option>
      <option value="new">New</option>
      <option value="old">Old</option>
    </select>
  </div>
</form>

您可以在以下位置查看更多信息：http://www.maxdesign.com.au/2012/11/03/select-required/

【讨论】：

欢迎来到 StackOverflow。这看起来只是重复了接受的答案给出的信息。您是否可以添加任何内容来提供更多信息，让您的答案更加明确？