在 <datalist> 中具有预定义值的 <input> 元素:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Google Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<form action="/action_page.php" method="get"> <label for="browser">从列表中选择您的浏览器:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit" value="提交"> </form><br> 注意: Safari 12.0(或更早版本)不支持 datalist 标签。
list
属性指的是 <datalist>
元素,其中包含 <input>
元素的预定义选项。
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 Attribute | |||||
---|---|---|---|---|---|
list | 20.0 | 10.0 | 4.0 | Not supported | 9.6 |
<input list="datalist_id">
值 Value | 描述 Description |
---|---|
datalist_id | 指定要将 <input> 元素绑定到的数据列表的 id |