html5中datalist标签怎么用

分类 : .NET技术
<!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>

代码如上,配合<input>标签的list属性,将<datalist>作为提供的数据集,写起来和下拉列表很像,只不过有自动提示功能。兼容性如下:

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


分类: .NET技术  发布: 2019-07-18-星期四   访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程

分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

HTML如何引入CSS文件
怎么在html中调用css文件?
Windows 如何在cmd命令行中查看、修改、删除与添加环境变量
修改系统启动项 grub2配置的方法
【MySQL】漫谈MySQL体系结构
02-标识符,关键字和保留字
JavaScript中this指向问题
MYSQL性能优化之Mysql体系结构,存储引擎
《MySQL 性能优化》之理解 MySQL 体系结构
Python语法的使用和简介

最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
undefined是什么意思啊
vscode----vue中HTML代码tab键自动补全
前端该怎么学?推荐一个学习路线!
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
.Net轻松处理亿级数据--ClickHouse数据操作
DIV CSS字体(font-family)实现字体样式设置
html5中datalist标签怎么用
Mysql里表示布尔型的类型是什么
Datalist options 集合,options语法,optio

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16