input标签的新属性
input的required属性
1 | <input type="text" required /> // required 属性表示此项必填或必选。 |
input新type属性 新的输入类型
以下类型是 HTML5 中的新类型:color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url。
type所有新增的属性值:
值 描述
color 定义拾色器。
date 定义日期字段(带有 calendar 控件)
datetime 定义日期字段(带有 calendar 和 time 控件)有兼容问题
datetime-local 定义日期字段(带有 calendar 和 time 控件)
month 定义日期字段的月(带有 calendar 控件)
week 定义日期字段的周(带有 calendar 控件)
time 定义日期字段的时、分、秒(带有 time 控件)
email 定义用于 e-mail 地址的文本字段
number 定义带有 spinner 控件的数字字段
range 定义带有 slider 控件的数字字段。
search 定义用于搜索的文本字段。
tel 定义用于电话号码的文本字段。
url 定义用于 URL 的文本字段。
有一部分属性类型在PC端看不出他与type=text的区别。外观与type=text类似,但是在移动端上有很大差别。他们会弹出不同的虚拟键盘。如:
url : 弹出的是url键盘。
email : 弹出的是email键盘,并且在用户提交时会验证用户提交的内容是否符合email地址的格式,不符合会做出提示。email有bug:当输入为空时,他不具备验证功能,或者说内容已经通过了验证。可以通过提交。
search:虚拟键盘右下角的输入按钮会变成搜索。
number:弹出数字键盘。
tel : 弹出的是九宫格的数字键盘
由此可以看出,移动端的支持要比PC端好。