HTML5中的Datalist元素標籤怎麼用

藏色散人
發布: 2018-12-05 09:43:37
原創
5538 人瀏覽過



標籤是 HTML 5 中的新標籤,此元素在表單中用於從使用者中接收數據,它可以顯示供用戶選擇的選項。

HTML5中的Datalist元素標籤怎麼用

推薦學習:《HTML5教學

下面我們就透過具體的程式碼範例給大家介紹。

    Datalist元素使用示例 
登入後複製

效果如下圖:

HTML5中的Datalist元素標籤怎麼用

它具有自動完成功能,可協助使用者在文字方塊中輸入內容,與下拉列錶框或單選按鈕不同,使用者可以編寫任何文字而不限制由datalist給出的選項。 Datalist透過輸入元素列表屬性綁定(或連結)。

附註:

標籤定義選項清單。與 input 元素搭配使用該元素,來定義 input 可能的值。

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

這篇文章就是關於HTML5中的Datalist元素的用法介紹,簡單易懂,希望對需要的朋友有幫助!

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!