日期:2014-05-17  浏览次数:20590 次

HTML5一步一步走——表单(二)

<input type="email"/>自动验证email电子邮件格式是不是正确的。


<input type="usl"/>自动将提交的数据变为url


<input type="number" name="points" min="1" max="10"/>输入数字。
拥有的属性:
max:最大值
min:最小值
step:步长。

value:初始值


<input type="range" name="points" min="1" max="10"/>显示一个数字范围工具条。


<input type="date" name="userDate">日期,如果类型为week就为周,month则为月,datetime具体的日期加时间。datetime-local时区


<input type="color" name="userColor" />RBG颜色


属性:
autofocus:页面加载显示时,页面中元素获得焦点。
placeholder:提示输入格式。在文本框中显示默认的值。
required:鼠标失去焦点的时候自动验证。

autocomplete:on/off是否自动补完这一文本框


autofocus:autofocus是否自动设置焦点,如果类型是hidden则不可以。


form:formname说明一个文本框属于某一个form


formaction:url本文本框将要被提交到何处去


formenctype:application/x-www-form-urlencoded multipart/   

form-data text/plain  指定改善的时候的编码方式


formmethod:post/get提交方式


formtarget:_blank/_self/_parent/_top/framename提交结果显示位置


list:datalist-id输入选择项


multiple:正则表达式pattern="[0-9]", 用正则格式化输入


<meter>:为了显示进度,度量的范围,仅用于已知最大和最小值的度量,例