html5 – HTML表单:Select-Option vs Datalist-Option

前端之家收集整理的这篇文章主要介绍了html5 – HTML表单:Select-Option vs Datalist-Option前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道Select-Option和Datalist-Option之间的区别。有什么情况下会更好地使用一个或另一个?每个示例如下:

选择选项

<select name="browser">
<option value="firefox">Firefox</option>
<option value="ie">IE</option>
<option value="chrome">Chrome</option>
<option value="opera">Opera</option>
<option value="safari">Safari</option>
</select>

数据表选项

<input type=text list=browsers>
<datalist id=browsers>
  <option value="Firefox">
  <option value="IE">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

解决方法

认为它是需求和建议之间的区别。对于select元素,用户需要选择您给出的选项之一。对于datalist元素,建议用户选择您给出的选项之一,但是他实际上可以在输入中输入他想要的任何内容

编辑1:所以你使用哪一个取决于您的要求。如果用户必须输入您的选择,请使用select元素。如果使用可以输入任何内容,请使用datalist元素。

编辑2:在HTML Living Standard中找到这个tidbit:“每个选项元素是datalist元素的后代…表示一个建议。

原文链接:https://www.f2er.com/html5/170164.html

猜你在找的HTML5相关文章