1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
form表单的作用是收集用户输入各种样式信息内容，然后提交给服务器后台。
常用的input标签和作用有：
| 标签 | 作用 |
|---|---|
| text | 输入单行文本 |
| password | 输入以圆点遮掩的单行文本 |
| checkbox | 多选框 |
| radio | 单选输入 |
| file | 文件上传 |
| button | 按钮 |
| submit | 提交数据 |
| reset | 清空输入 |
| hidden | 隐藏内容 |
2.post 和 get 方式的区别？
| 对比项 | GET | POST |
|---|---|---|
| 后退按钮/刷新 | 无害 | 数据会被重新提交（浏览器应该告知用户数据会被重新提交）。 |
| 书签 | 可收藏为书签 | 不可收藏为书签 |
| 缓存 | 能被缓存 | 不能缓存 |
| 编码类型 | application/x-www-form-urlencoded | application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。 |
| 历史 | 参数保留在浏览器历史中。 | 参数不会保存在浏览器历史中。 |
| 对数据长度的限制 | 有。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。 | 无限制。 |
| 对数据类型的限制 | 只允许 ASCII 字符。 | 没有限制。也允许二进制数据。 |
| 安全性 | 与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！ | POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。 |
| 可见性 | 数据在 URL 中对所有人都是可见的。 | 数据不会显示在 URL 中。 |
3. 在input里，name 有什么作用？
name 的作用为给输入的数据分类、命名，便于后台识别。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
4. radio 如何分组?
设置不同name属性进行分组。
5.placeholder 属性有什么作用?
为输入框提供提示功能。
6.type=hidden隐藏域有什么作用? 举例说明
type=hidden的基本作用是在表单中隐藏数据，用户无法看到：
情景作用：
- 识别用户、限制用户，在隐藏域中加入用户ID，可确定是那个用户在操作表单、是否是有权限的用户在操作。
- 识别表单，在同一页面下有多个表单，可在表单内隐藏域加入不同的识别信息，可以确定提交的是哪个表单。
- 防范CSFR
写一篇博客简单介绍 HTML 表单的用法，附上博客链接
网友评论