首頁 >web前端 >前端問答 >html datalist標籤怎麼用

html datalist標籤怎麼用

藏色散人
藏色散人原創
2019-05-26 14:29:253781瀏覽

html datalist標籤用於定義選項列表,並且規定了input元素可能的選項列表,所有主流瀏覽器都支援標籤,除了Internet Explorer和Safari。 標籤是HTML5中的新標籤。

html datalist標籤怎麼用

datalist標籤是什麼意思? html datalist標籤怎麼用?

作用:定義選項列表,並且規定了input元素可能的選項列表。

說明:

請與 input 元素配合使用該元素,來定義 input 可能的值。 datalist 及其選項不會被顯示出來,它只是合法的輸入值清單。請使用 input 元素的 list 屬性來綁定 datalist。

註解:所有主流瀏覽器都支援 標籤,除了 Internet Explorer 和 Safari。 標籤是 HTML 5 中的新標籤。

html datalist標籤使用範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input list = "name">
<datalist id = "name">
    <option value = "猪哥">
    <option value = "无忌哥哥">
    <option value = "peter_朱">
    <option value = "灭绝师太">
    <option value = "西门大官人">
</datalist>
</body>
</html>

效果:

html datalist標籤怎麼用

以上是html datalist標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn