form表单的一些知识点
2017-10-02 本文已影响0人
羌生
一、form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
1.form表单是一个网页很重要的组成部分，它具有可供用户填写、选择、上传信息并把这些信息集中起来交由代后台服务器处理的作用。
| 常见的input标签 | 作用 |
|---|---|
| <input type="checkbox"> | 定义复选框。 |
| <input type="file"> | 定义输入字段和 "浏览"按钮，供文件上传。 |
| <input type="password"> | 定义密码字段。该字段中的字符被掩码。 |
| <input type="radio"> | 定义单选按钮 |
| <input type="reset"> | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
| <input type="text"> | 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。 |
二，post 和 get 方式的区别？
1.当向服务器发送请求的时候，get会把数据拼接成key=value的形式组装到url上传递给后台服务器。post会通过浏览器传递给后台服务器，不会改变url。
2.get方式的请求由于需要拼装成url来传递的所以字符长度是有限制的，而post是通过浏览器来传递的，所以理论上字符长度是无限制的。
3.安全性上，get请求的数据在url里是可见的，并且可以被历史记录和书签保存，post却不会。
三，在input里，name 有什么作用？
input的数据是通过key：value的格式传递给后台服务器的，这里name设置的值就是key。
四，radio 如何 分组?
radio是通过name来进行分组的，多个radio形态的input把name属性的值设为相同的即可分为一组。
五，placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
六，type=hidden隐藏域有什么作用? 举例说明
隐藏域对客户是不可见的，它可以暂存一些值，这样的特性就让它拥有很多用法。
- 如果一个网页有多个form表单（form表单是不能同时提交的）有些form表单需要相互作用，我们就可以在这些form表单中添加隐藏域来使它们联系起来。
2。防止CSRF攻击，当用户访问的时候，我们可以通过后台随机一个值并放在隐藏域中，来检查其是否为非法用户。
