如何在没有javascript的情况下验证HTML select标签

Question

我们的选择标签在开头显示一个空选项标签，以确保用户不会自动选择显示的第一个选项：

<select name="title" required pattern="[A-Z]">
<option value="0"></option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
</select>

我们如何验证select标签以确保选择了除0以外的其中一个选项？

最好没有Javascript !!

Answer 1

为第一个选项设置value=""，required验证将按预期运行：

<form>
  <select name="title" required>
    <option value="">Select One</option>
    <option value="1">First Value</option>
  </select>
  <button>submit</button>
</form>

_{在利用HTML5表单验证时请记住browser support。}