校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > html5 datalist標簽使用示例(自動完成組件)

html5 datalist標簽使用示例(自動完成組件)
熱門標簽：怎么做百度地圖標注 咸陽穩定外呼系統軟件 小朱地圖標注 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統 智能芯電話機器人 百度地圖標注為什么總是封號 400開頭的電話好申請不 臨海地圖標注app

以前需要用JS寫一個自動完成組件（Suggest），很費勁。HTML5時代則不用了，直接使用datalist標簽，直接減少了工作量。如下


復制代碼
代碼如下:

<!DOCTYPE html>
<html>
<head>
<title>HTML5 datalist tag</title>
<meta charset="utf-8">
</head>
<p>
瀏覽器版本：<input list="words">
</p>
<datalist id="words">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
<option value="Sogou">
<option value="Maxthon">
</datalist>
</body>
</html>

datalist提供一個事先定義好的列表，通過id與input關聯，當在input內輸入時就會有自動完成（autocomplete）的功能，用戶將會看見一個下拉列表供其選擇。

Chrome/Firefox/Opera和IE10+均已支持，Safari直到版本7仍然不支持。

標簽：南平 平涼 公主嶺 陜西 平頂山 黃石 山南 黃石

巨人網絡通訊聲明：本文標題《html5 datalist標簽使用示例(自動完成組件)》，本文關鍵詞  html5,datalist,標簽,使用,示例,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5 datalist標簽使用示例(自動完成組件)》相關的同類信息！
  • 本頁收集關于html5 datalist標簽使用示例(自動完成組件)的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 独山县| 彭山县| 平罗县| 昆山市| 侯马市| 潞城市| 六枝特区| 通化市| 丹棱县| 沙湾县| 双峰县| 万州区| 星座| 蓬莱市| 吴川市| 泰顺县| 德兴市| 鄂温| 周至县| 龙泉市| 镇安县| 江川县| 依安县| 平安县| 大姚县| 黔南| 义乌市| 赤壁市| 北辰区| 赤壁市| 治县。| 屯门区| 威宁| 屯昌县| 宣恩县| 黄浦区| 旬邑县| 三门峡市| 商丘市| 灵石县| 永平县|