<datalist>
标签用于定义输入框 (<input>
) 可选值的列表。其作用是提供用户可供选择的选项,从而减少用户输入错误的可能性。
使用方法:在 <input>
标签中添加 list
属性,其值为 <datalist>
元素的 id
属性值。在 <datalist>
元素中添加 <option>
元素,为可选值提供选项。
示例代码:
<label for="fruits">请选择您喜欢的水果:</label>
<input list="fruits" name="fruit">
<datalist id="fruits">
<option value="苹果">
<option value="香蕉">
<option value="葡萄">
<option value="橙子">
</datalist>
以上代码将会在输入框中显示一个下拉列表,包含四个水果选项:苹果、香蕉、葡萄和橙子。用户可以从列表中选择一个选项,或者手动输入一个选项。
注意:<datalist>
标签必须与 <input>
标签一起使用,且两者的 id
和 list
属性值必须一致。
更多关键词:
<input>
标签list
属性<option>
标签id
属性