表单

一. post和get方式提交数据的区别

安全性：get提交的数据url可以看得到，post看不到，并且get提交的数据会在浏览器的记录中，安全性不好

提交原理：get是以key=value的形式拼接到url中，post讲数据放入http请求体中

数据量：get提交的数据受浏览器限制，url不可能拼接无限长，post理论上无限制，受服务器限制

使用场景：get 重在 "要"数据,get得到的数据可以暂时缓存起来, post 重在"给"数据

二.form表单中的常用标签及其属性

1.form标签

说明：

action:表单提交的地址

method：提交表单的方法，常见的有post，get，（不支持put，patch，delete）

target：在何处打开url，例如_target为在新页面打开提交的地址

enctype:加密类型，有application/x-www-form-urlencoded ，text/plain ，multipart/form-data

2.input标签-text类型

用户名：

说明：

标签的作用：扩大选择范围，鼠标点击用户名三个字也可以将输入框变成focus状态

placeholder：在输入框中显示一个提示，没有其他作用

name:  提交数据时，标识该文本框的key

value：提交数据时，标识该文本框的默认value，修改后value会变成输入的数据

3.input标签-submit类型

说明：

该标签会显示一个按钮，点击会提交该标签所在form表单下的数据，value为该按钮上显示的字

注： <button>提交</button>和该标签效果一样，点击会提交；而<input type="button" value="提交">点击不会有提交效果

4.input标签-radio(单选框)，checkbox（复选框）类型

说明：

name相同的radio即为一组，一组内的单选框只能选择一个

checked：表示默认选择的单选框

5.其他input标签类型

<!--日历--><!--选择文件，accept设置只能接受该文件类型--><!--只能输入数字--><!--输入完内容，回车即可提交--><!--只有输入的文本为email形式才能提交--><!--只有输入的文本为url形式才能提交--><!--范围选择条--><!--选择颜色--><!--重置表单中的所有内容为初始默认值--><!--为了解决CSRF安全问题,详见三.补充-->

6.select标签

说明：

name：选择列表的提交的key，value:选择列表提交的value

option：代表选择列表的每一项

上海，北京，南京：选择列表每一项显示的内容

selected：默认选中的选择列表项

7.textare标签