1. 程式人生 > >標簽定義選項列表

標簽定義選項列表

logs html 引擎 inpu 標簽 元素 label clas att

<!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。

標簽定義選項列表