我可以使用HTML5 API根据允许的值列表动态验证表单字段值吗?

Can I use the HTML5 API to validate a form field value dynamically against a list of allowed values?

本文关键字:动态 列表 验证 表单 字段 HTML5 可以使 API 我可以      更新时间:2023-09-26

我可以使用HTML5 API动态验证表单字段值对允许的值列表吗?如果有,谁能告诉我怎么做,或者提供任何文章的链接来证明这一点?

您可以使用带有所需属性的datalist:

<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser" required>
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>
<p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>
</body>
</html>

来源:http://www.w3schools.com/tags/tag_datalist.asp