如何使用数据列表限制用户输入选项以外的数据

Question

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

我使用过数据列表标签，但问题是用户可以输入选项以外的值，所以如何限制用户输入选项以外的数据，或者我应该使用数据列表以外的其他值

Answer 1

<datalist> 提供了建议，但 does not require that the user enter certain values。

为此，您应该使用 <select> 或类似 Selectize or Select2 的东西，如果您希望用户输入他们的答案时使用受限的自动完成功能。

还值得注意的是 <datalist> 是 brand-new 并且并非所有浏览器都支持（特别是，我刚刚在 Safari 中尝试过但没有用）；您可能会考虑使用其他东西（例如我上面链接的选项），这样您就不会将您的网站仅限于使用最新 standards-compliant 浏览器的用户。

Answer 2

我认为更明智的做法是使用 select 表单域。更多详细信息，请访问：HTML Form: Select-Option vs Datalist-Option

如何使用数据列表限制用户输入选项以外的数据

How to Restrict users to enter data other than option using datalist

html

html-datalist