表单和表格中选择的 HTML5 必需属性似乎不起作用答案

【问题标题】：HTML5 required attribute for select in form and table seems not working表单和表格中选择的 HTML5 必需属性似乎不起作用
【发布时间】：2015-12-26 15:30:54
【问题描述】：

我想在我的<select> 标签中实现required 属性。我已经清空了第一个 <option> 的第一个 <value>。不过，所需的属性似乎不起作用..

<select name="section" id="section" style="width: 250px;" required>
    <option value="" selected="selected">-- Select Section --</option>
    <option value="ict">ICT & MULTIMEDIA</option>
    <option value="net">DATA COMM & NETWORKING</option>
</select>

在此之前，我将<select> 标签放在<form> 中，即<table> 标签中。

<table>
<form>
    <tr>
        <td>
            <select..>

我的代码有问题吗？

我在最新版本的 Google Chrome 中运行我的代码； 45.0.2454.101

【问题讨论】：

为什么你认为它不起作用？你期望它如何工作？检查这个非常简单的例子。单击提交按钮时属性有效。 jsfiddle.net/k5h3eLco
@ViktorKireev 我在网上进行了一些搜索，但我仍然无法得到为什么它不起作用的答案和解决方案。我希望它与您给出的示例完全一样。
更正您的 HTML - 将表单标签放在表格标签之外。
@ViktorKireev 完成。还是不行。
请像我在第一条评论中所做的那样，在 jsfiddle 中为我们提供完整的 HTML。会有帮助的。

标签： html forms select html-table required

【解决方案1】：

尝试从您的第一个选项中删除value=""，您可以将selected="selected" 设置为selected。

【讨论】：

完成。它保持不变。 <select name="section" id="section" style="width: 250px;" required> <option selected>-- Select Section --</option> <option value="ict">ICT & MULTIMEDIA</option> <option value="net">DATA COMM & NETWORKING</option> </select>
尝试在required 之后添加aria-required="true"？
喜欢这个吧？ <select name="section" id="section" style="width: 250px;" required aria-required="true"> <option selected>-- Select Section --</option> <option value="ict">ICT & MULTIMEDIA</option> </select> 还是不行..
那我建议this进行验证。