一、form表单
表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互
一个完整的表单包括：表单域，表单控件（表单元素），提示信息，共三个部分；
表单域：
1.申明采集信息范围，收集范围内的信息
2.把收集好的信息提交给服务器（后台）
表单控件：
通过input的type属性来表示不同的表单元素
用来定义不同种类的输入控件
value：初始值
name属性：表单的字段名，如果不设置name属性，输入框的内容无法随表单一起提交
单行文本框： type：text
用于文本输入的单行输入字段
密码框：默认掩码处理 type="password"
作用：定义密码字段
提交按钮，具有提交功能 type="submit"
内容默认提交 可以通过value来修改默认值
可以把数据提交给服务器或者后台
作用：
定义HTML表单域,是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等
注意：
form表单实现上述操作是最为常见方式之一
一个页面中可以包含多个form标签，标签之间是相互独立的，不能嵌套
action属性：
数据提交的地址，如果不写默认提交到当前页面
注意：
如果省略 action属性，则 action会被设置为当前页面
作用：
把数据提交到后台或者服务器
target属性：
作用：
设置目标地址的打开方式
取值：
_selt 当前窗口（默认值）
_blank 新窗口
method属性：
作用：
method="GET/POST"；提交表单所用的HTTP方法，默认是GET方法
post通过后台提交安全
get通过地址栏提交，不安全
二、表单控件
单选框 radio
value：代表单选框的值，必须写
name属性必须一致，实现真正的互斥效果，既选男不能选女
checked：单选框和多选框的默认选中 checked="checked" checked
复选框 多选框
checkbox
value：代表多选框的值，必须写
name属性：name设置的属性值要一样，实现多个选项保存在同一个字段中
checked：单选框和多选框的默认选中 checked="checked" checked
普通按钮： type="button"
不具有提交功能
默认没有内容
通过value属性设置
重置按钮： type="reset"
把信息重置
默认值：重置
通过value属性可以修改
扩展： <button>button按钮</button>
botton按钮：
具有提交功能，但是在ie7及以下浏览器是没用提交功能的
type类型默认submit
type="image"
作用：定义图像形式的提交按钮
src="";指定图片地址
alt="";指定替换文本
提示：src属性和alt属性必须与 <input type="image">结合使用，一般不建议使用
width：设置宽
height：设置高
上传文件，一次只能上传一个文件
注意：
要实现文件的上传，必须在form标签中添加enctype="multipart/form-data"
三、文本域
resize：none禁止用户手动调整多行文本域的大小
cols属性是表示列数
rows是表示行数
内容写在开始和结束标签里
行内块
四、下拉列表
value:代表列表项的值 必须写
selected：选中 selected
size属性：控件长度，规定下拉列表中可见选项的数目
五、lable标签
需要input设置id，label标签的for与input的id属性进行关联
六、表单属性
1、action 属性定义在提交表单时执行的动作。通常，表单会被提交到web服务器上的网页。如果省略action属性，则action会被设置为当前页面
2、method="GET/POST"；提交表单时所用的HTTP方法，默认是GET方法
3、checked：用于单选框按钮和复选框按钮的默认选中，直接在input标签写checked或checked或checked='checked'
4、selected：下拉列表的默认选中，直接在option标签中写即可，selected或者selected='selected'
5、value属性：规定输入字段的初始值
6、readonly属性：只读属性，只能读，不能修改
7、disabled属性：禁用属性，表示元素不可用，不可以点击
8、maxlength属性：允许输入的最多字符
9、size属性：控件长度，规定下拉列表中可见选项的数目
10、placeholder 提示用户输入信息
七、轮廓线
边框外的一条线
用于清除input表单元素和文本域的轮廓线
设置：
参照边框的语法
八、文本域的resize
不允许拖拽
resize: none;
水平垂直都可以拖拽
resize: both;
水平拖拽
resize: horizontal;
垂直拖拽
resize: vertical;
九、css鼠标样式
记住 手型
cursor: pointer;