如何在没有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>

我们如何验证选择标记以确保选择除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表单验证时,请记住浏览器支持.}