表单

1，作用

提供可视化的输入控件，收集用户信息并提交给服务器

2，表单的组成部分

后端部分：对提交数据进行处理的接口(user.js)
前段部分：提供表单控件，与用户交互的可视化控件

3，表单标签

属性 **1，action** 定义表单被提交时动作，通常定义的是服务器处理程序的地址（URL/接口） 默认提交给本页 **2，method** 指定表单数据提交方式 get：默认值 明文提交，提交的内容会显示在浏览器的地址栏上 提交的数据大小有限制，不能超过2kb 向服务器要数据，使用get方法 post： 隐式提交，提交的数据不会显示到地址栏 提交数据没有大小限制 想把数据给服务器的时候用post delete

put

point

3,enctype
指定表单数据的编码方式，允许将什么样的数据提交给服务器
1，默认值
application/x-www-form-urlencoded
可以提交任意字符给服务，不能提交文件
2，text/plain 只能提交偶同字符（不包含特殊字符）
3,multipart/form-data，允许将文件提交给服务器

4，表单控件

能够与用户交互的可视化元素
分类：
1，input元素
2，textarea 多行文本域
3，select和option下拉选择块
4.其他元素

input元素
在页面中提供了各种各样的输入控件
如：文本框，密码框，单选，多选，按钮。。。。
属性：
1，type指定input输入类型
2，name位控件定义名称，提供给服务器端使用，如果要传给服务器必须使用
3，控件的值，提交给服务器使用的值
4,disabled 无值属性 禁用控件，不能操作控件，不能提交

4.input详解
1.文本框和密码框
type=“text”
type=“password”
maxlength 长度限制
readonly 无值属性 只读不写 但是可以提交
placeholder 占位符，默认显示在控件上的文本做提示使用，不会被提交
2，按钮
2.1 提交按钮

type=“submit” 收集打包并提交给服务器
value定义按钮上的文字

2.2 重置按钮

2.3普通按钮 type=“button” 没有任何功能，激活js脚本

2.4单选按钮
type=“radio”
name=“sex” 分组
value=“1” 给服务器传递的值
checked 无值属性 默认选择

		<input type="radio" name="sex" value="1" checked>男
		<input type="radio" name="sex" value="0">女<br>

2.5复选框按钮
type=“checkbox”
name=“hobby[]” 分组，必须用数组
value=“1” 给服务器传递的值
checked 无值属性 默认选择

<!--复选框-->
		<div>
			<input type="checkbox" name="hobby[]" value="eat" checked>吃
			<input type="checkbox" name="hobby[]" value="drink">喝
			<input type="checkbox" name="hobby[]" value="play">玩
			<input type="checkbox" name="hobby[]" value="happy">乐
		</div>

隐藏域

type=“hidden”
value="110101"给服务器传递的值

		<input type="hidden" name="pid" value="110101">

文件选择框

注意：必须要换方法和enctype设置为multipart/form-data

type="file" multiple 无值属性 设置多个文件上传