HTML5-form表单

什么是表单？

01.获取用户的输入  ==》收集数据

02.将用户的输入发送到服务器   ==》与服务器进行交互

相关属性:

　　action：我们收集完用户的信息之后，需要提交的服务器地址

　　enctype:是否对我们提交的数据进行编码

　　　　　　默认编码application/x-www-form-urlencoded

　　　　　　如果form表单中有文件上传则enctype="multipart/form-data"

　　method:我们数据的请求方式

　　　　　　普通人对话  get

　　　　　　聋哑人打手语 post

　　　　　　01.get请求会在URL中显示我们输入的数据

　　　　　　02.post请求会在请求头中显示我们输入的数据 F12--》NETWORK--》form-data

　　　　　　03.http协议对get和post请求都没有长度限制   但是不同的浏览器对URL的长度不一样

表单元素：

　　name:必须要有！ 这是后台服务器获取用户输入的依据！

　　　　   服务器分局name属性值获取元素的value值

　　value:用户的输入值

　　size：设置文本框的长度

　　maxlength：限制用户输入的长度

　　type  :

　　　　type="text"  默认的文本框

　　　　type="password"  密码框

　　　　type="submit"   提交按钮

　　　　type="button"   普通按钮   button默认的type="submit"

　　　　type="reset"  重置按钮  还原form中所有元素的初始值

　　　　type="radio"  单选按钮

　　　　type="checkbox"  复选框    如果想实现默认被选中请增加属性 checked

　　　   type="hidden"  隐藏域  用户不关注  但是服务器需要的数据

　　select:   下拉列表  每个选项都是  option  默认被选中使用 selected

　　textarea: 多行文本域  后续我们使用  富文本编辑器代替

　　disabled: 按钮禁用

　　readonly：文本只读