html表单标签(重点)
1、form标签：<form></form>
属性：
name:表单名称（暂时不说）
action:提交的路径地址
method:提交方式（get和post）
get和post的区别（重点）：
(1)get提交将数据加在地址栏的后面，格式?name=value&name=value；post提交将数据封装在请求体中
?username=zhangsan&password=123&sex=male&hobby=football&hobby=paiqiu&city=bj#
(2)get提交相对不安全；post提交相对安全
(3)get提交有大小限制，根据浏览器不同而不同；post不限制大小
示例：
<form>
<table>
<!--form里面嵌套table-->
</table>
</form>
2、input标签：<input type=" "/>
type属性:根据type属性实现各种不同功能的表单项；
text：普通的文本输入框；
name：username value="张三"<!--张三是默认值-->
password：密码输入框；特点是显示的是掩码
radio：单选按钮
name：如果想让一组单选按钮互斥，就用指定同意name属性值，需要加value属性值；
checked：默认被选中；
checkbox：复选框；
name：组的概念，需要加value属性值。
checked：默认被选中；
file：上传文件的控件
button：普通按钮，没有任何内置的功能；
submit：内置功能，点击会按照action地址提交
reset：重置，点击会清空之前填写的内容
image：图片按钮，功能类似与submit
src：加载图片
alt:图片的提示文字
hidden:隐藏表单，作用是在提交数据的时候，服务器需要这个数据，但是不需要用户看到。
注意：name属性必须要写。
3、select标签(<select></select>)：下拉菜单
属性：
name;表单项的名称
option标签：可选项（下拉菜单之间的级联）
属性：
value，表单项的值
selected：默认被选中
4、textarea:文本域标签
属性：
cols：列数
rows：行数
注意：默认的文本值在标签体当中
表单标签form
<form>标签代表一个表单，表单用于向服务器传输数据。
<form>标签能够包含<input>，可以是文本字段，复选框，单选框或提交按钮等。还可以包含<textarea> <select>等。
<form>常用属性:
name:用于定义表单的名称
action:用于规定提交表单时向何处发送表单数据。
method:用于规定提交的方式。一般取值 POST或GET
关于POST与GET方式区别:
get方式只能少量数据,而post可以携带大数据。
get方式提交时，数据会在地址栏上显示，安全性差。Post方式提交不会在地址栏上显示数据，更加安全。
表单标签-<input type=“text”>
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
关于<input>标签type属性值说明 :
text
<input type=”text”>
定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符
其它常用属性:
name:定义标签名称
value:定义标签值
size:定义输入字段的长度
maxlength:定义可输入最大字符个数
表单标签-<input type=“password”>
password
<input type=”password”>
定义密码字段。该字段中的字符被掩码.
其它常用属性:
name:定义标签名称
value:定义标签值
size:定义输入字段的长度
maxlength:定义可输入最大字符个数
表单标签-<input type=“radio”>
radio
<input type=”radio”>定义单选按钮。
其它常用属性:
name:定义标签名称.注意，对于单选按钮，如果要想做到单一选择，多个radion的name值必一样。有互斥性
value:定义标签值
checked:定义该标签默认被选中。
表单标签-<input type=“checkbox”>
checkbox
<input type=”checkbox”>
定义复选框。
其它常用属性:
name:定义标签名称.注意，一组的checkbox它们的name值应该是一样的。
value:定义标签值
checked:定义该标签默认被选中。
表单标签-<input type=“button”>
button
<input type=”button”>
定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）
其它常用属性:
name:定义标签名称
value:按钮显示名称
表单标签-<input type=“file”>
file form表单属性必须添加enctype=”multipart/form-data”
<input type=”file”>
定义输入字段和 "浏览"按钮，供文件上传
其它常用属性:
name:定义标签名称
表单标签-<input type=“submit”>
submit
<input type=”submit”>
定义提交按钮。提交按钮会把表单数据发送到服务器。
其它常用属性:
name:定义标签名称
value:按钮显示名称
表单标签-<input type=“reset”>
reset
<input type=”reset”>
定义重置按钮。重置按钮会清除表单中的所有数据。
其它常用属性:
name:定义标签名称
value:按钮显示名称
表单标签-<input type=“image”>
image
<input type=”image”>
定义图像形式的提交按钮。
这个标签主要是用了替换submit按钮，因为默认产生的提交按钮并不漂亮，这个标签允许你采用指定的图片做为提交按钮。
其它常用属性:
name:定义标签名称
src:定义作为提交按钮显示的图像的url
alt:定义作用图像的替代文本。
表单标签-<select>
<select>
用于定义一个下拉列表
常用属性:
name:定义下拉列表的名称
size:定义下拉列表中可见选项的数目
multiple:定义可选择多个选项
表单标签-<option>
<option>
用于定义下拉列表中的选项。
<option>需要位于<select>标签内部
常用属性:
value:定义送往服务器的选项值
selected:定义选项为选中状态。
表单标签-<textarea>
textarea
<textarea>标签用于定义一个多行文本输入控件(多行文本框,文本域)
常用属性:
name:定义多行文本框名称
cols:定义多行文本框可见宽度
rows:定义多行文本框可见行数
wrap:规定多行文本框中文字如何换行。
表单的高级应用
1 表单标签-<input type=“hidden”>
hidden
<input type=”hidden”>
定义隐藏的输入字段。
其它常用属性:
name:定义标签名称
value:定义标签值
2 readonly 只读场景
3 disable 禁用场景
表单元素的标注
<label for="male">标注的文本</label>
<input type="radio" name="gender" id="male"/>
<label>
<form>
<p>
通俗的解释一下，比如在使用单选框和复选框时，
没用label标签时，每次都要很精确的点到小圆点或者小方框。
使用label标签后，点击每个单选框前面对应的文字也会选中单选框，这样增大了用户选取的面积，降低了用户鼠标移动的精确性。这就是label标签的主要作用。
</p>
<p>单选框或者复选框</p>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
表单的初级验证
1.placeholder
可以描述文本框期待用户输入何种内容
提示语默认显示，当文本框中输入内容时提示语消失
2.required
规定文本框填写内容不能为空，否则不允许用户提交表单
3.pattern
用户输入的内容必须符合正则表达式所指的规则，否则就不能提交表单
pattern="[A-Za-z]{3}"
框架标签拓展
<frameset>
<frameset>是框架结构标签，它定义如果将窗口分割为框架.
注意:不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。
常用属性:
cols:垂直切割
rows:横向切割
frameborder:定义框架的边框，其值可以有0和 1，0表示不要边框，1表示要显示边框。
border:定义框架的边框厚度
bordercolor:定义框架的边框颜色
framespacing:定义框架与框架之间的距离。
<frame>是框架标签，它定义放置在每个框架中的页面。\
常用属性:
src:定义此框架要显示的页面url
name:定义此框架的名称
frameborder:定义框架的边框，其值可以有0和 1，0表示不要边框，1表示要显示边框。
framespacing:定义框架与框架之间的距离
bordercolor:定义框架的边框颜色
scrolling:定义是否显示卷轴，YES表示要显示，NO表示不显示，AUTO视情况而定。
noresize:定义框架大小不可以改变。
marginhight:定义框架高度部分边缘所保留的空间。
marginwidth:定义框架宽度部分边缘所保留的空间。
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）
常用属性:
src:定义些框架要显示的页面url
name:定义些框架的名称
width:定义些框架的宽度
height:定义些框架的高度
marginwidth:定义插入的页面与框边所保留的宽度
marginheight: 定义插入的页面与框边所保留的高度
frameborder:定义框架的边框，1表示显示边框 ，0表示不显示
scrolling:定义是否允许卷动，YES允许，NO不允许。