H5新增表单属性

H5新增了多个新的表单输入类型。这些类型提供了更好的输入控制和验证

这些类型包括:
email
url
number
range
Date picker(date, month, week, time, datetime, datetime-local)
search
color

实际使用
email
提交时会校验内容是否是正确的邮箱格式
url
在提交表单时,会自动验证 url 域的值。
number
number 类型用于应该包含数值的输入域。还能设置输入数字的范围
Points:
只可输入数字,输入其他字符被清空。 若超出范围,在提交表单时会给出相应提升
属性 值 描述
max number 规定允许的最大值
min number 规定允许的最小值
step number 规定合法的数字间隔(如果 step=“3”,则合法的数是 -3,0,3,6 等)
value number 规定默认值

value=“6” 控制着 input的初始值,此次直接提交,不会有限制,若改动了input的值,提交时会限制数值
内容为 : [0, 3, 6, 9] 中的一项

range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
还能够设定数字的限定:

HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
search
search 类型用于搜索域,比如站点搜索或 Google 搜索。
search 域显示为常规的文本域。

H5 表单属性
新的 form 属性:
autocomplete
自动完成, 重新加载网页时,记录先前输入的值
novalidate
属性规定在提交表单时不应该验证 form 或 input 域
新的 input 属性
multiple
multiple 属性是一个 boolean 属性.
multiple 属性规定 元素中可选择多个值。
注意: multiple 属性适用于以下类型的 标签:email 和 file:
pattern (regexp)
placeholder
required
规定必须在提交之前填写输入域(不能为空)。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值