HTML 5 <input> list 属性

HTML <input> 标签

实例

带有 datalist 的表单：

<form action="demo_form.asp">
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3schools.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<input type="submit" />
</form>

亲自试一试

定义和用法

list 属性引用数据列表，其中包含输入字段的预定义选项。

HTML 4.01 与 HTML 5 之间的差异

list 属性是 <input> 标签在 HTML5 中的新属性。

语法

<input list="value">

属性值

值 描述
datalist-id 文档中的 datalist 的 id。

HTML <input> 标签

VUE