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

html datalist標籤怎麼用

藏色散人
發布: 2019-05-26 14:29:25
原創
3839 人瀏覽過

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
最新問題
angular.js - angular裡的filter過濾資料傳參問題
來自於 1970-01-01 08:00:00
0
0
0
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
java - C語言演算法題-韓信點兵 解法?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板