如何在不使用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！

- Richard Tinkler

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表单验证时，请记住浏览器支持。}

- canon