html怎么设计自动出现提示的数据列表？怎么设计数据列表像百度一样怎么随用户输入而更新
生活随笔
收集整理的這篇文章主要介紹了
html怎么设计自动出现提示的数据列表？怎么设计数据列表像百度一样怎么随用户输入而更新
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>hello</title></head><body><h2>輸入查詢的城市</h2><form autocomplete="on"><input type="text" id="search_city" list="cityList"/>
<!--
定義和用法
autocompete 屬性設置為on時候，可以使用html5中新增的datalist便簽和list屬性提供一個數據列表供用戶選擇display 屬性規定元素應該生成的框的類型。
說明這個屬性用于定義建立布局時元素生成的顯示框類型。對于 HTML 等文檔類型，如果使用 display 不謹慎會很危險，因為可能違反 HTML 中已經定義的顯示層次結構。對于 XML，由于 XML 沒有內置的這種層次結構，所有 display 是絕對必要的。注釋：CSS2 中有值 compact 和 marker，不過由于缺乏廣泛的支持，已經從 CSS2.1 中去除了。
默認值： inline
繼承性： no
版本： CSS1
JavaScript 語法： object.style.display="inline"--><datalist id="cityList" style="display: :none;"><option value="Beijing">北京</option><option value="shanghai">上海</option><option value="tianjin">天津</option><option value="chongqing">重慶</option><option value="shenzhen">深圳</option></datalist></form></body>
</html>
當用戶輸入城市開頭字母會自動提示城市名
總結
以上是生活随笔為你收集整理的html怎么设计自动出现提示的数据列表？怎么设计数据列表像百度一样怎么随用户输入而更新的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 手把手教你写平衡二叉树
- 下一篇： Linux常用指令2