小编典典

HTML 表单:Select-Option 与 Datalist-Option

all

我想知道 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>

Datalist-选项

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

阅读 71

收藏
2022-08-20

共1个答案

小编典典

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

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

编辑 2:在HTML 生活标准中找到这个花絮:“作为
datalist 元素后代的每个选项元素......代表一个建议。”

2022-08-20