HTML5如何验证错误与选择必需属性?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (20)

在下列代码上使用select

<select name="province" id="province" required="required"> 
    <optgroup label="Provinces">
         <option value="Alberta">Alberta</option>
         <option value="British Colombia">British Colombia</option>
         <option value="Manitoba">Manitoba</option>
         <option value="New Brunswick">New Brunswick</option>
         <option value="Newfoundland and Labrador">Newfoundland and Labrador</option>
         <option value="Nova Scotia">Nova Scotia</option>
         <option value="Ontario" selected="selected">Ontario</option>
         <option value="Prince Edward Island">Prince Edward Island</option>
         <option value="Quebec">Quebec</option>
         <option value="Saskatchewan">Saskatchewan</option>
    </optgroup>
         <optgroup label="Territories">
         <option value="Northwest Territories">Northwest Territories</option>
         <option value="Nunavut">Nunavut</option>
         <option value="Yukon">Yukon</option>
    </optgroup>
</select>   

我需要具有与准则所要求的选项相同的值。此代码工作正常,但未通过W3C验证:

一个select带有元素required属性,没有multiple属性,其大小为1,必须有一个子option元素。

这个问题的解决方案是什么?

提问于
用户回答回答于

使用以下方法

<option value="">Choose</option>

将上述系列附加为第一个选项

  • 认为有效,因为第一个子元素没有内容。
用户回答回答于

有时你真的只想要一个空白的选项。你以前只能插入一个空格,而w3c验证器会接受它。这用于工作:

<option value=""> </option>

现在看来你必须使用一个不间断的空间来传递验证器:

<option value="">&nbsp;</option>

扫码关注云+社区