濮阳杆衣贸易有限公司

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

html5 datalist標簽使用示例(自動完成組件)

熱門標簽:怎么做百度地圖標注 咸陽穩(wěn)定外呼系統(tǒng)軟件 小朱地圖標注 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統(tǒng) 智能芯電話機器人 百度地圖標注為什么總是封號 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關(guān)聯(lián),當在input內(nèi)輸入時就會有自動完成(autocomplete)的功能,用戶將會看見一個下拉列表供其選擇。

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

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

巨人網(wǎng)絡(luò)通訊聲明:本文標題《html5 datalist標簽使用示例(自動完成組件)》,本文關(guān)鍵詞  html5,datalist,標簽,使用,示例,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html5 datalist標簽使用示例(自動完成組件)》相關(guān)的同類信息!
  • 本頁收集關(guān)于html5 datalist標簽使用示例(自動完成組件)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    新田县| 台山市| 田阳县| 东方市| 汝南县| 漳州市| 营山县| 同仁县| 东源县| 博湖县| 两当县| 翼城县| 全州县| 京山县| 拉萨市| 铜山县| 衡山县| 宣威市| 尼木县| 台中县| 资阳市| 道真| 九台市| 满洲里市| 岑巩县| 阳朔县| 水富县| 图们市| 乌拉特前旗| 临沧市| 曲麻莱县| 岑溪市| 县级市| 南江县| 枣阳市| 神木县| 安义县| 资溪县| 镇原县| 云南省| 共和县|