婷婷综合国产,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標簽使用示例(自動完成組件)的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 开封县| 石泉县| 弋阳县| 得荣县| 曲阜市| 萝北县| 莱西市| 宁阳县| 乌拉特前旗| 洛南县| 宁乡县| 新兴县| 股票| 青冈县| 惠州市| 南京市| 聂拉木县| 大连市| 巴东县| 十堰市| 澄迈县| 阳西县| 金沙县| 西充县| 贡嘎县| 施甸县| 丁青县| 建阳市| 霍林郭勒市| 施秉县| 南通市| 揭东县| 故城县| 新津县| 禄劝| 安达市| 遂川县| 海晏县| 横山县| 芷江| 荔浦县|