HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架,先说下表单的几个基本知识点:
表单仍是以<form>元素作为容器,我们可在其中设置基本的提交特性;
当用户提交页面时,表单仍然向服务器发送表单控件的值;
之前老版本中的表单控件,如text radio checkbox等等,都可以按原有方式使用,尽管增加了新的功能;
仍然可以使用javascript操作表单控件。
下面详细说下HTML5中表单新增功能
1.输入型控件
Input type |
用途 |
说明 |
|
电子邮件地址文本框 |
|
url |
网页URL文本框 |
|
number |
数值的输入域 |
属性 值 描述 max number 规定允许的最大值 min number 规定允许的最小值 step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等) value number 规定默认值 |
range |
特定值的范围的数值,以滑动条显示 |
属性 值 描述 max number 规定允许的最大值 min number 规定允许的最小值 step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等) value number 规定默认值 |
Date pickers |
日期,时间选择器 |
仅Opera9+支持,包含date, month, week, time, datetime, datetime-local |