HTML5 input 类型
HTML5 Input 类型
HTML 4.01 与 HTML 5 之间的差异
以下类型是 HTML5 中的新类型:color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url。
浏览器支持
Input type | IE | Firefox | Opera | Chrome | Safari |
---|---|---|---|---|---|
No | 4.0 | 9.0 | 10.0 | No | |
url | No | 4.0 | 9.0 | 10.0 | No |
number | No | No | 9.0 | 7.0 | No |
range | No | No | 9.0 | 4.0 | 4.0 |
Date pickers | No | No | 9.0 | 10.0 | No |
search | No | 4.0 | 11.0 | 10.0 | No |
color | No | No | 11.0 | No | No |
注释:Opera 对新的输入类型的支持最好。不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持,仍然可以显示为常规的文本域。
值 | 描述 |
---|---|
button | 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) |
checkbox | 定义复选框。 |
color | 定义拾色器。 |
date | 定义日期字段(带有 calendar 控件) |
datetime | 定义日期字段(带有 calendar 和 time 控件) |
datetime-local | 定义日期字段(带有 calendar 和 time 控件) |
month | 定义日期字段的月(带有 calendar 控件) |
week | 定义日期字段的周(带有 calendar 控件) |
time | 定义日期字段的时、分、秒(带有 time 控件) |
定义用于 e-mail 地址的文本字段 | |
file | 定义输入字段和 "浏览..." 按钮,供文件上传 |
hidden | 定义隐藏输入字段 |
image | 定义图像作为提交按钮 |
number | 定义带有 spinner 控件的数字字段 |
password | 定义密码字段。字段中的字符会被遮蔽。 |
radio | 定义单选按钮。 |
range | 定义带有 slider 控件的数字字段。 |
reset | 定义重置按钮。重置按钮会将所有表单字段重置为初始值。 |
search | 定义用于搜索的文本字段。 |
submit | 定义提交按钮。提交按钮向服务器发送数据。 |
tel | 定义用于电话号码的文本字段。 |
text | 默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。 |
url | 定义用于 URL 的文本字段。 |
转载于:https://www.cnblogs.com/North-South/p/9029341.html
HTML5 input 类型相关推荐
- html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮...
场景: 这是之前做的移动web控件时遇到的问题.当时在我们控件的HTML5页面需要输入卡号.CV2.手机号.验证码等信息.大家都知道这些值都是数字.普通类型的输入框,当我 们点击时,手机默认掉起的键盘 ...
- HTML5 新的 Input 类型
HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. Input 类型: color 选择你喜欢的颜色: <input type="color" na ...
- HTML5 的Input 类型
HTML5 的Input 类型 一.文本类 Text,文本 Url,网络地址 Password,密码 Email,邮箱地址 二.操作类 Checkbox ,复选框 Radio,单选框 File,上传文 ...
- 玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性
今天正式开始学习html5了,相比html以前的版本,html5新增了好多功能,属性,使我们做出来的界面更加的绚丽,而且使用起来超级简单,这篇文章先来说说html增加的那些input类型和属性.htm ...
- input文本框设置不可编辑方法和HTML5 新的 Input 类型
input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...
- HTML5(六).Input 类型
[b][align=center][size=large]HTML5 新的 Input 类型[/size][/align][/b] HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制 ...
- HTML5 新的Input类型
Inpute类型:color color类型用在input字段主要用于选取颜色,如下所示: <!DOCTYPE HTML> <html><head><meta ...
- web前端入门学习 css(8)(新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
- html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
最新文章
- Toward perfect reads: self-correction of short reads via mapping on de Bruijn graphs
- 什么叫大地高_等电位箱有什么用?
- python 文件中出现 Indentation Error: unexpected indent 的错误
- 跟我学大数据分析:多维度数据分析报告
- 网易视频云专注于技术服务——异步通知系统
- python多行注释符号_python知识学习,python标识符和关键字
- (旧)走遍美国——(三、文化4)
- CentOS7.5 使用二进制程序部署Kubernetes1.12.2(三)
- 物联网平台探秘之74个平台浅析
- QT+OPENCV+FFTW内存问题
- 二分法实现SQL盲注
- matlab心电信号处理,基于MATLAB的心电信号的数字滤波处理
- 【可靠性评估】电力系统可靠性评估matlab仿真
- Meta-learning algorithms for Few-Shot Computer Vision 论文解读(二)
- Codeforces Round #572(div2)部分题解(A~C,E)
- Iron WebScraper 网络爬虫
- 利用好 git bisect 这把利器,帮助你快速定位疑难 Bug
- 视频教程-新版华为HCIA数通(路由与交换)课程-华为认证
- Python:numpy array数据去头去尾巴
- All The Elements Pronounced in Order (American English)