标签定义选项列表

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<label for="search">搜索引擎</label> 
	<input type="url" name="search" id="search" list="searchlist" autocomplete="on" pattern="https?://.+" />
	<datalist id="searchlist">
	  <option value="http://www.baidu.com/" >
	  <option value="http://www.google.com/" >
	  <option value="http://www.sogou.com/" >
	</datalist>
</body>
</html>

  

datalist 标签定义选项列表。与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。 用 input 元素的 list 属性来绑定 datalist。

posted @ 2017-05-03 21:00  代码小精灵  阅读(500)  评论(0编辑  收藏  举报