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

主頁 > 知識庫 > 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標簽使用示例(自動完成組件)的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 郧西县| 襄城县| 枣阳市| 芦溪县| 凤凰县| 出国| 驻马店市| 简阳市| 华容县| 剑阁县| 湘潭县| 崇仁县| 上栗县| 伊吾县| 安西县| 宁国市| 建平县| 沅江市| 江口县| 乌兰浩特市| 南木林县| 富裕县| 彰化县| 教育| 大城县| 吴忠市| 遵义市| 万宁市| 洛扎县| 洛南县| 科技| 肇庆市| 青州市| 太仆寺旗| 崇明县| 西丰县| 承德县| 靖宇县| 威信县| 镇巴县| 文水县|