Question

验证发生：

<select name="fruit" required>
  <option value="" selected> Select a fruit </option>
  <option value="apple"> Apple </option>
</select>

验证永远不会发生：

<select name="fruit" required>
  <option value="apple"> Apple </option>
  <option value="" selected> Select a fruit </option>
</select>

问题

为什么HTML在选择空选项的所有情况下都不考虑必需属性的验证？

Answer 1

因为它试图处理第一个元素，因为它的值是空的，作为placeholder label option，不是一个选择的选项，因此选择它不符合＆＃34; required＆＃34;约束

Answer 2

您是正确的，因为默认情况下，如果您根据需要标记输入，HTML5验证器将仅检查第一个可选择的值。

要修改它，您需要使用另一个验证器并通过某些代码对其进行自定义。