form表单有什么作用
HTML 表单用于搜集不同类型的用户输入，表单是一个包含表单元素的区域 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
form标签是表单的外壳，主要有四个属性：
action： 表单提交的地址
method：提交保单的方法
target：在何处打开action
enctype:
1. application/x-www-form-urlencoded：在发送前编码所有字符（默认）
2. text/plain：空格转换为 "+" 加号，但不对特殊字符编码
3. multipart/form-data：使用包含文件上传控件的表单时，必须使用该值
表单的使用方法
使用form标签包裹需要的信息--以提交数据
<form action="提交form后台对应的地址" method="get">
//....
//method:get 和 post
</form>
常用的input 标签及作用
| 常用input |
作用 |
| <input type="text" > |
文本输入框：单行输入文字 |
| <input type="password"> |
密码输入框：输入消失用圆点做展示 |
| <input type="checkbox"> |
复选框 ：多选，如果是一组，写上同样的name ,同时加上不同的value （默认为on） |
| <input type="radio"> |
单选框:单选，如果是一组，写上同样的name ,同时加上不同的value （默认为on） |
| <input type="file" accept="image/png"> |
文件上传：accept可以上传的文件类型 |
| <select name="city"> <option value="">//...</option></select> |
下拉框： 默认被选中的加上 selected |
| <textarea name="" id="" cols="30" rows="10">初始值</textarea> |
多行文本的输入 |
| <input type="hidden" value="123456" name="abcd"> |
隐藏域 :作用1暂存信息， 作用2 若愚老师-CSRF 是什么--后台校验，正确为安全，有权限为合法用户 |
| <input type="button"> |
普通按钮 |
| <input type="submit"> |
提交按钮 ，直接用<button></button>也可以提交 |
| <input type="reset"> |
重置按钮：清空信息 |
post 和 get 方式的区别
| get |
post |
| 将所有数据拼接成键值对的形式，url发生变化 |
url不会发生变化 |
| 容易信息泄露 ，用于安全要求不高（一般用于向后台取数据） |
用于信息较敏感的情况（一般用于上传数据） |
| 地址字符有限，会自动截断，数据不完整 |
理论上可以提交无限的信息量。 |
在input里，name 的作用
POST和GET的时候，name和input中的value会形成的 键/值 对，name为键值对的key，用于上传数据
radio 的分组
同一组使用相同的name值
<input type="radio" name="city" value="beijing">北京
<input type="radio" name="city" value="shanghai">上海
<input type="radio" name="city" value="hangzhou">杭州
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
placeholder 的作用
默认提示，手动输入时会自动消失，不影响value
type=hidden隐藏域的作用
- 作用1暂存信息：后端在构造web页面的过程中，通过hidden隐藏域在页面中添加了相关数据信息(用户对网页进行操作时可能会用到这些数据信息)
- 作用2后台校验：后端在构造web页面的过程中，可以通过hidden隐藏域在页面中添加相关的验证信息，当form表单被提交后，服务器会收到该验证信息，通过一定的算法校验该验证信息，可以有效防止非法请求对数据库的增删改查，提高了web应用的安全性。
