form表单
1. form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 作用
- 搜集用户填写的信息，提交给网站后台（即服务器）
- 常见input标签及属性
- input标签使用type属性的值来规定input元素的类型，常见有以下类型：
| type | 作用 |
|---|---|
| text | 定义单行输入框，可在其中输入文本 |
| password | 密码输入框，输入的内容在页面上以圆点展示 |
| checkbox | 定义复选框 |
| radio | 定义单选框 |
| file | 定义输入字段和“浏览”按钮，供文件上传 |
| hidden | 隐藏的标签。可以用来发送默认项或者进行安全校验 |
| button | 定义可点击的按钮,不可提交 |
| submit | 定义提交按钮，把表单数据发给服务器 |
| reset | 定义重置按钮，用于清除表单中的用户输入的数据 |
| image | 定义图像形式的提交按钮 |
| url | URL的绝对地址 |
| 邮件地址 | |
| search | 无换行的搜索框 |
| tel | 无换行的电话号码框 |
| date | 日期输入框，可以选择日期 |
| time | 时间输入框 |
| number | 数字输入框，整数小数都可以 |
| range | 范围选择框，0~100 |
| color | 选择颜色 |
2.post 和 get 方式的区别？
GET和POST是HTTP请求的两种基本方法：
- POST ： 向指定的资源提交要被处理的数据
- GET ：从指定的资源请求数据
区别:参考资料
最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。
1.GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。
2.GET书签可收藏，POST为书签不可收藏。
3.GET能被缓存，POST不能缓存 。
4.GET请求只能进行url编码，而POST支持多种编码方式。
5.GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
6.GET请求在URL中传送的参数是有长度限制的，而POST没有。
7.对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
8.GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
9.GET参数通过URL传递，POST放在Request body中。
4028061-734a4ac19881dfa3.png
3.在input里，name 有什么作用？
- name 属性规定 input 元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
例如：
<input name="username" id="username">
<input id="age">
上方两个input在提交表单信息上，默认情况下只有id为username，具有name属性的input的数据才能提交
- 同样，当 input 类型为 radio 时，name属性也常用于给此类单选框分组
<input type="radio" name="a" value="张三" id="a1" />
<input type="radio" name="a" value="曾四" id="a2"/>
4.radio 如何分组?
- 具有相同 name 属性值的 radio 为同一组。下面代码是两组单选。
<input type="radio" name="sex1">男
<input type="radio" name="sex1">女
<input type="radio" name="sex2">男
<input type="radio" name="sex2">女
radio.PNG
5.placeholder 属性有什么作用?
- placeholder属性能够让你在文本框里默认显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。
6.type=hidden隐藏域有什么作用? 举例说明
- 作用：隐藏不让用户看到的信息，但这些信息对于web应用又是很有必要的
暂存信息：后端在构造web页面的过程中，通过hidden隐藏域在页面中添加相应的数据信息（用户对网页操作可能会用到这些信息）
信息安全：后端在构造web页面的过程中，通过hidden隐藏域在页面中添加相应的验证信息，当提交form表单时，服务器会收到该验证信息，然后通过一定的算法校验该验证信息，可以有效防止非法请求对数据库的增删改查，提高了web应用的安全性
