HTML <input> 标签的 list 属性

HTML <input> 标签HTML <input> 标签

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

 

1. 语法

<input list="value">

属性值

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

 

2. 范例

带有 datalist 的表单：

<form action="demo_form.html">
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>

我要试一试

 

3. HTML 4.01 与 HTML 5 之间的差异

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

HTML <input> 标签HTML <input> 标签

HTML <input> 标签的 max 属：max 属性规定输入字段所允许的最大值。max 属性与 min 属性配合使用，可创建合法值范围。max 和 min 属性适用于以下 <input> 类型：number, range, date, datetime, datetime-local, month, time 以及 week。