一.form表单的作用？常用input 标签及其作用？
参考文献
1.w3cscool.com
2.MDN
1.form表单的作用
form表单是用户和网站之间重要的交互方式。用户通过form表单向网站提交数据。form表单可以包含多种元素，如单选框，复选框，文本域，提交按钮，下拉列表，上传域等。
2.常用的input标签及其作用
| input type | 名称及作用 |
|---|---|
| radio | 单选框 |
| checkbox | 复选框 |
| text | 文本域，输入单行文本 |
| button | 无默认行为的按钮 |
| password | 密码域，输入内容会以特殊字符显示，如"●" |
| file | 用于文件上传 |
| submit | 提交按钮，提交表单的数据至form action属性制定的页面 |
| image | 图片按钮，需指定src |
| hidden | 用户不可见，但内容会上传，可用于安全验证 |
| reset | 重置按钮，重置表单到初始状态 |
二、get和post方式的区别?
参考文献
1.w3schools.com
| get | post |
|---|---|
| 数据显示在url中，所以可以被收藏<br />为书签，也被记录在浏览历史中 | 数据不会显示在url中 |
| 数据长度限制 | 没有限制 |
| 数据类型只能为ASCII | 没有限制 |
| 可以被缓存 | 不会被缓存 |
| 多用于提交数据 | 多用于请求数据 |
三、input中name属性作用？
- name属性作为向服务器提交数据的标识，没有name属性，数据不会提交；
- name属性用来给radio、checkbox分组，name相同的为一组；
- name可以在css、js中充当选择器。
四、radio如何分组?
通过name属性实现分组，name属性相同的为一组。
<input type="checkbox" name="hobby" value="dota" />dota
<input type="checkbox" name="hobby" value="traveling" />旅游
<input type="checkbox" name="hobby" value="keep_pets"/>宠物
name属性相同为一组
五、placeholder属性作用?
h5中新属性，占位符，显示提示信息。元素输入为空时显示，反之显示。（适用于以下的 <input> 类型：text, search, url, tel, email。）
六、type=hidden隐藏域有什么作用? 举例说明
参考文献
1.Original purpose of <input type=“hidden”>?
2.CSRF 是什么？
3.html 中表单元素input type="hidden"的作用
隐藏域对用户不可见，但可以随表单提交数据至服务器。
举例：
1.用于防止CSRF（Cross-site request forgery 跨域请求伪造）攻击，通过后台生成随机的token在隐藏域中，在用户提交时验证合法性。
2.在多页表单中记录用户状态。
七、html表单用法
html表单用法
