本文介绍了HTML5中关于表单的一些新特性，包括新增的`<label>`用法，表单域的概念，以及HTML5新增的输入类型如`email`、`search`、`url`、`color`、`number`、`range`和`date`等。还详细讲解了新属性如`placeholder`、`autofocus`、`required`、`maxlength`和`minlength`的用途，帮助开发者更好地理解和利用这些功能创建更友好的表单体验。
表单form（二）
< label>
label是input的描述，本身不会有特殊效果,和其他input标签使用可以提升用户体验，用户不必非得点击按钮，点击文字即可。
两种风格：
<label>记住密码：<input type="checkbox"></label>
第二种要将label的for指向按钮的id来绑定,for和id的属性值要相同
<label for="a">记住密码</label>
<input type="checkbox" id="a">
表单域
目前出现过三个域：1.文本域： 2.文件域 3.表单域
表单是用来收集信息并提交的.提交的地址由action属性决定
提交的方式由method决定，常用的值有get,post
get是快速的，但是不安全；post慢但是安全.
提交时控件需要有name属性。
< fieldset>< /fieldset>可以设置表单的边框。fieldset元素可将表单内的相关元素分组
< legend>可以设置field设置标题
HTML5新增类型
新增属性
placeholder
placeholder 属性提供一种提示（hint），描述输入域所期待的值。提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失：
也就是提示内容
autofocus
自动获取焦点
required
required 属性规定必须在提交之前填写输入域（不能为空）。
maxlength和minlength
最大字符数和最小字符数（输入密码和用户名时给出限制条件）
新增类型 ：input标签
html5的标签新增验证信息功能
1.输入内容中必须包含@
2.@后面必须有内容
search
搜索框
url
必须有“http://”
color
颜色控件
number
只能输入数字了。可以通过max和min属性设置最大最小值,step可以设置递增递减的步长,value可以设置初始值
range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
step，value可以设置。
date
日期
HTML5 拥有多个可供选取日期和时间的新输入类型：
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间（小时和分钟）
datetime - 选取时间、日、月、年（UTC 时间）
datetime-local - 选取时间、日、月、年（本地时间）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
