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

发布时间：2020-12-14 21:28:47 所属栏目：资源来源：网络整理

导读：使用以下代码选择： 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 optio

使用以下代码选择：

<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验证：

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

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

解决方法

使用以下

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!