我想知道 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>
将其视为要求和建议之间的区别。对于select元素,用户需要选择您提供的选项之一。对于datalist元素,建议用户选择您提供的选项之一,但他实际上可以在输入中输入任何他想要的内容。
select
datalist
编辑1:所以你使用哪一个取决于你的要求。如果用户 必须 输入您的选择之一,请使用该select元素。如果使用可以输入任何内容,请使用datalist元素。
编辑 2:在HTML 生活标准中找到这个花絮:“作为 datalist 元素后代的每个选项元素......代表一个建议。”