html5新增的input输⼊类型,HTML5新增的8类INPUT输⼊类型
介绍
已经有的输⼊类型 html代码⽰例：
复制代码代码如下:
⽂本域
单选按钮
复选框
下拉列表
密码域
提交按钮
可单击按钮
图像按钮
隐藏域
重置按钮
⽂件域
在html5中，增加了多个新的表单input输⼊类型，通过使⽤这些新增元素，可以实现更好的输⼊控制和验证。
1、email类型的应⽤
email类型的input元素是⼀种专门⽤于输⼊e-mail地址的⽂本输⼊框，在提交表单的时候，会⾃动验证email输⼊框的值。
复制代码代码如下:
2、url类型的应⽤
url类型的input元素提供⽤于输⼊url地址这类特殊⽂本的⽂本框。
复制代码代码如下:
3、number类型的应⽤
number类型的input元素提供⽤于输⼊数值的⽂本框。
复制代码代码如下:
4、range类型的应⽤
range类型的input元素提供⽤于输⼊包含⼀定范围内数字值得⽂本框，在⽹页中显⽰为滚动条。
复制代码代码如下:
5、⽇期检出类型的应⽤
输⼊类型 html代码  功能说明
复制代码代码如下:
date
选取⽇、⽉、年
month
选取⽉、年
复制代码代码如下:
week
选取周和年
复制代码代码如下:
time
选取时间(⼩时和分钟)
复制代码代码如下:
datetime
选取时间、⽇、⽉、年(utc时间)
复制代码代码如下:html怎样设置文本框输入输出
datetime-local
选取时间、⽇、⽉、年(本地时间)
6、search类型的应⽤
search类型的input元素提供⽤于输⼊搜索关键词的⽂本框。复制代码代码如下:
input[type="search"]{
-webkit-appearance:textfield;
}
7、tel类型的应⽤
tel类型的input元素提供专门⽤于输⼊电话号码的⽂本框。
复制代码代码如下:
8、color类型的应⽤
color类型的input元素提供专门⽤于设置颜⾊的⽂本框。
复制代码代码如下:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。