1. form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 作用：HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。
- 常用的input标签：
| 标签 | 功能
| ------------- |:-------------:| -----:|
| <input type="button"> | 定义按钮
| <input type="checkbox"> | 定义多选按钮
| <input type="radio"> | 定义单选按钮，用name分组
| <input type="text"> | 定义单行输入文本框
| <input type="password">|定义密码字段
|<input type="submit"> | 定义提交按钮，把表单数据发给服务器
|<input type="reset"> | 定义重置按钮
|<input type="image"> | 定义图像形式的提交按钮
|<input type="file"> | 定义输入字段和“浏览”按钮，供文件上传
|<input type="hidden"> | 定义隐藏的输入字段
|<input type="color">（HTML5）|定义选择颜色
|<input type="date">（HTML5）|定义日期（没有时间）
2. post 和 get 方式的区别？
- 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。
- GET常用于获取信息而非修改信息，对于信息资源来说，GET请求是安全的，一般不会产生副作用。同一URL的多个请求应该返回同样的结果。
- POST提交的数据是放置在HTTP包的包体中，URL中不会显示数据内容，页面也无法被浏览器缓存和收藏，相对于GET来说更安全，这里的安全是指提交的信息更不容易被其他人获取。
- GET请求在URL中传送的参数是有长度限制的，对比GET来说，POST是传输大量数据的更好选择。
- GET请求只能进行url编码，而POST支持多种编码方式。
- GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
- GET在浏览器回退时是无害的，而POST会再次提交请求。
3. 在input里，name 有什么作用？
name属性规定了input元素的名称，用于对提交到服务器后的表单数据进行识别。
4. radio 如何分组?
把radio同组的name属性设为相同
<input type='radio' name='sex' value='male'>男
<input type='radio' name='sex' value='female'>女
5. placeholder 属性有什么作用?
placeholder属性能够让你在文本框里显示提示信息，该信息在输入字段为空时显示，输入字段后消失。
6. type="hidden"隐藏域有什么作用? 举例说明
隐藏域是用来收集或发送信息的不可见元素，该字段对于用户是不可见的。一方面隐藏数据可以暂存数据，例如用户不需要见到，但操作网页时可能用到的数据；另一方面提高数据传输的安全性。例如，该隐藏字段可以设置为预先约定好的字段，服务器收到数据后，对该隐藏字段进行校验，以此识别数据来源的可靠性。
一篇很好的文章
7. 博客简单介绍 HTML 表单的用法
8. 实现如下表单，附上预览地址。（其中性别和取向是单选，爱好是多选）
https://github.com/ychenxi/Blog/blob/master/formExample.html
网友评论