html-select – 具有select必需属性的HTML5验证错误

前端之家收集整理的这篇文章主要介绍了html-select – 具有select必需属性的HTML5验证错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用以下代码选择:
  1. <select name="province" id="province" required="required">
  2. <optgroup label="Provinces">
  3. <option value="Alberta">Alberta</option>
  4. <option value="British Colombia">British Colombia</option>
  5. <option value="Manitoba">Manitoba</option>
  6. <option value="New Brunswick">New Brunswick</option>
  7. <option value="Newfoundland and Labrador">Newfoundland and Labrador</option>
  8. <option value="Nova Scotia">Nova Scotia</option>
  9. <option value="Ontario" selected="selected">Ontario</option>
  10. <option value="Prince Edward Island">Prince Edward Island</option>
  11. <option value="Quebec">Quebec</option>
  12. <option value="Saskatchewan">Saskatchewan</option>
  13. </optgroup>
  14. <optgroup label="Territories">
  15. <option value="Northwest Territories">Northwest Territories</option>
  16. <option value="Nunavut">Nunavut</option>
  17. <option value="Yukon">Yukon</option>
  18. </optgroup>
  19. </select>

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

A select element with a required attribute and without a multiple attribute,and whose size is 1,must have a child option element.

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

解决方法

使用以下
  1. <option value="">Choose</option>

将上述系列作为第一个选项

>被认为是有效的,因为第一个子元素没有内容

猜你在找的HTML相关文章