HTML development manual
/ <datalist>
<datalist>
HTML <datalist> 標簽 實例 下面是一個 <input> 元素,<datalist> 中描述了其可能的值: <input list='browsers'> <datalist id='browsers'>  ..
HTML <datalist> 標簽
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <form action="demo-form.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> <p><strong>注意:</strong> Internet Explorer 9(更早IE版本),Safari不支持 datalist 標簽。</p> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
瀏覽器支持
IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 標簽。
注釋:IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標簽。
標簽定義及使用說明
<datalist> 標簽規(guī)定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表,里邊的選項是預先定義好的,將作為用戶的輸入數(shù)據(jù)。
請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
HTML 4.01 與 HTML5之間的差異
<datalist> 標簽是 HTML5 中的新標簽。
全局屬性
<datalist> 標簽支持 HTML 的全局屬性。
事件屬性
<datalist> 標簽支持 HTML 的事件屬性。