如何使用datalist

时间:2018-03-08 06:33:11

标签: html html-datalist

<input list="browsers">

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

我使用过datalist标签,但问题是用户可以输入除选项以外的值,以便如何限制用户输入除选项以外的数据,或者我应该使用除datalist以外的数据

2 个答案:

答案 0 :(得分:2)

field提供了建议,但does not require that the user enter certain values

为此,如果您希望用户使用受限制的自动填充功能输入答案,则应使用table或类似SelectizeSelect2的内容。

值得注意的是SELECT IncomeID, IF( (SELECT COUNT(assets.assetsID) FROM assets WHERE Income.FromId = assets.FromId) > 0, (SELECT assets.name FROM assets WHERE Income.FromId = assets.FromId), (SELECT Business.name FROM Business WHERE Income.FromId = Business.FromId), ) AS From, Catagory.name, Account.name, Income.amount FROM Income, Catagory, Account WHERE Income.CatagoryId = Catagory.CatagoryId AND Account.AccountId = Account.AccountId ORDER BY IncomeID, Income.amount; 是全新的,并不是所有浏览器都支持(特别是,我只是在Safari中尝试过它并没有用);您可以考虑使用其他内容(例如我上面链接的选项),这样您就不会将您的网站仅限于使用最新标准兼容浏览器的用户。

答案 1 :(得分:1)

我认为更明智的行动是利用选择表格字段。 更多详情请见:HTML Form: Select-Option vs Datalist-Option