本文详细介绍了HTML5中新增的表单控件，包括email、url、number、range、date、search、color、tel和time输入框，以及表单属性如autocomplete、autofocus、required和pattern。同时，探讨了表单前后端数据交互的方法，如method、enctype、name/value的使用，并介绍了fieldset、legend和optgroup等表单扩展标签。
表单自带样式。
美化表单控件： 1. label+ : checked； 2. position+opacity；
新的input控件:
email：电子邮件地址输入框
url：网址输入框
number：数值输入框
range：滑动条 (有min max value等)
date/month/week：日期控件
search：搜索框
color：颜色控件
tel：电话号码输入框( 在移动端会默认跳出数字键盘)
time：时间控件
新的表单扩展之属性：
autocomplete：自动完成( 默认on，可设置为off关闭自动提示历史输入过的记录)
autofoucs：获取焦点( 打开网页光标自动定位到的表单)
required：不能为空
pattern：正则验证(符合规则则通过，不符合则不通过，如pattern=”[a-z]+”加号是一定要有的)
表单属性之前后端数据交互：
method：数据传输方式，值有get和post
enctype：数据传输类型，值有字符串、文件等
name / value：数据的键值对，必须设置以对应php下的获取
表单扩展之标签：
fieldset：表单内元素分组
legend：为fieldset元素定义标题
optgroup：定义选项组
表单扩展之标签：
fieldset：表单内元素分组
legend：为fieldset元素定义标题
optgroup：定义选项组
扫一扫
177
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
