文章内容大部分都引用于W3C，仅供笔者自己使用参考。

1.input标签新增type值以及浏览器支持情况

2.新增type值中常用的

2.1 Input 类型 - email

email 类型用于应该包含 e-mail 地址的输入域。

在提交表单时，会自动验证 email 域的值。

备注：默认email只做了@匹配，对于长度，com,cn, [ . ]等都没做处理

如下图所示

实例

E-mail: <input type="email" name="user_email" />

2.2 Input 类型 - Date Pickers（日期选择器）

HTML5 拥有多个可供选取日期和时间的新输入类型：

date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间（小时和分钟）
datetime - 选取时间、日、月、年（UTC 时间）
datetime-local - 选取时间、日、月、年（本地时间）
下面的例子允许您从日历中选取一个日期：

使用场景：生日、入职日期、看病日期记录、日记等等

type为date时视图

实例

Date: <input type="date" name="user_date" />

2.3 Input 类型 - search

search 类型用于搜索域，比如站点搜索或 Google 搜索。

search 域显示为常规的文本域。

实例

Date: <input type="search" name="user_date" />

HTML5--表单标签input新增type值相关推荐

html5input链接跳转,HTML表单标签input标签的使用
表单标签是HTML使用中十分重要的标签,其中 input 为用户与程序信息交互提供交流界面,是不可忽视的重中之重. input 标签是单标签,一般使用格式为 ,而后可以在标签的括号内添加其他属性说明. ...
HTML表单标签 input
表单标签表单目的是为了收集用户信息. 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单. 在HTML中,一个完整的表单通常由表单控件(也称为表单元素).提示信息和表单域3个部分 ...
表单标签 input
<input> 标签用于收集用户信息. 在 <input> 标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本字段.复选框.掩 ...
表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
struts2表单验证里field-validator type值一共可以取哪些？都什么含义？
int 整数: double 实数: date 日期: expression 两数的关系比较: email Email地址: url visitor conversion regex 正则表达式验证: ...
【HTML5】Web前端——第三课：HTML5 表单相关元素和属性
知识点:原有的表单元素及表单控件.HTML5 表单新增功能类型.HTML5 表单控件新增的属性推荐阅读:HTML+CSS第四课:表单标签的使用-制作注册表单 1.原有的表单元素及表单控件表单,是页 ...
input标签的值只能两位小数_Day51 HTML表格表单标签、flask框架
目录表格标签表单标签 action标签 input标签 select标签 textarea标签 form表单提交文件需要注意 flask框架 1.表格标签 <!DOCTYPE html> ...
html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
html5表单地区元素,html5新增表单域元素及属性
1.新增表单元素在之前的HTML表单标签中,对于一些功能支持的不够好,比如:文本框提示信息.表单校验.日期选择控件.颜色选择控件.范围控件.进度条.标签跨表单等功能.(早期是通过js和dom元素配合 ...

HTML5--表单标签input新增type值

1.input标签新增type值以及浏览器支持情况

2.新增type值中常用的

2.1 Input 类型 - email

2.2 Input 类型 - Date Pickers（日期选择器）

2.3 Input 类型 - search

HTML5--表单标签input新增type值相关推荐

最新文章

热门文章