HTML: <input> list 属性

由网友 大卫 发布 阅读 6

HTML: <input> list 属性

list属性引用一个 <datalist> 元素,其中包含 <input>元素的预定义选项,list属性是HTML5中的新增属性。

 HTML <input> 标签

在线示例

在<datalist>中具有预定义值的<input>元素:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> list 属性 - 大卫编程网(div.cn)</title>
<body>
<form action="action_page.php" method="get">
  <input list="languages" name="language">
  <datalist id="languages">
    <option value="Golang">
    <option value="C#">
    <option value="C++">
    <option value="PHP">
    <option value="Java">
  </datalist>
  <input type="submit">
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 list 属性。

注意:Safari 或者 Internet Explorer 9 及之前的版本不支持 <input> 标签的 list 属性。

定义和用法

list 属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。

HTML 4.01 与 HTML5之间的差异

list 属性是 HTML5 中的新增属性。

语法

<input list="datalist_id">

属性值

描述
datalist_id规定绑定到 <input> 元素的 datalist 的 id。
 HTML <input> 标签

HTML: <input> max 属性 HTML: <input> formtarget 属性