婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 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標簽使用示例(自動完成組件)的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 淮南市| 海门市| 龙岩市| 皋兰县| 广丰县| 乐都县| 秦皇岛市| 天等县| 晋宁县| 高青县| 宜阳县| 广河县| 新闻| 九龙县| 正蓝旗| 西藏| 靖江市| 洛南县| 崇信县| 海伦市| 阳城县| 泰和县| 鄱阳县| 贵定县| 鄂托克前旗| 洛川县| 平果县| 双峰县| 林口县| 资阳市| 凌云县| 奇台县| 张家港市| 仁化县| 钦州市| 突泉县| 南投市| 陆丰市| 韶山市| 岢岚县| 通州市|