html5中的input有哪些新增功能,HTML5中新增的Input类型有哪些?

e784fbb7867e2c1f4a53d20fe0e4752d.png

子衿沉夜

一、EMAIL类型1、email 类型用于应该包含 e-mail 地址的输入域2、在提交表单时会自动验证email的格式3、例如二、URL类型1、url 类型用于应该包含 URL 地址的输入域。2、在提交表单时,会自动验证 url 域的值。3、例如三、NUMBER类型1、number 类型用于应该包含数值的输入域。2、可以设定对所接受的数字的限定3、例如下面的属性来规定对数字类型的限定:属性 描述max 规定允许的最大值min 规定允许的最小值step 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)value 规定默认值四、range类型1、range 类型用于应该包含一定范围内数字值的输入域。2、range 类型显示为滑动条。3、可以设定对所接受的数字的限定:4、例如五、Date Pickers(日期选择器)类型1、HTML5 拥有多个可供选取日期和时间的新输入类型:date - 选取日、月、年month - 选取月、年week - 选取周和年time - 选取时间(小时和分钟)datetime - 选取时间、日、月、年(UTC 时间)datetime-local - 选取时间、日、月、年(本地时间)2、例如六、SEARCH类型1、search 类型用于搜索域2、例如 

你可能感兴趣的:(html5中的input有哪些新增功能,HTML5中新增的Input类型有哪些?)