Form表单

form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

• 表单用于搜集不同类型的用户输入

• <input type = "text">普通的文本输入框（单行输入不支持换行）

• <input type = "password">输入内容自动变成圆点

• <input type = "checkbox">勾选框，多个type为checkbox且它们的name属性都相同时，其为复选框。当被选中时，其属性value的值赋给name，当value没有被用户设置时，其初始化为on。

• <input type = "radio">勾选框，多个type为rario且它们的name属性都相同时，其为单选框。当被选中时，与checkbox类似，其属性name与属性value组成一个 键/值 对

• <input type = "file" name = "myfile" accept = "image/png, image/jpeg">
  input标签其中一个属性为accept：mime类型，多个以英文的逗号“,”分割，它代表可接受的输入的文件类型

• <input type = "hidden">暂存信息，type为hidden时是解决CSRF攻击的一种有效的实现方式

• <input type = "button">普通按钮，不传输包裹在其外的表单数据

• <input type = "reset">清空/重置所有表单中用户输入的值

• <input type = "submit">提交按钮，把表单数据发给服务器，数据会发送到表单的 action 属性中指定的页面

post 和 get 方式的区别？

• get用于传输短数据，post用于传输长数据。另浏览器的地址栏是有长度限制的，输入过长的内容会被截断，造成数据丢失
• get把表单包裹的元素获取的信息全部组装起来，与表单指定的url拼接，形成一个新的url；post同样将获取到的信息全部传送到服务器，但url没有变化，因此post在传送数据、发送请求时是相对get来说较为安全的，但在浏览器的历史记录里仍然会记录表单传输的数据
• get是向服务器索取数据，post是向服务器传输数据

在input里，name 有什么作用？

• name是提交数据的索引

radio 如何 分组?

• 多个input标签的name索引值相等时，它们为一组，例如：
  <input type = "radio" name = "sex" value = "man">
<input type = "radio" name = "sex" value = "woman">

placeholder 属性有什么作用?

• 提供可描述输入字段预期值的提示信息，在输入字段为空时显示，并会在字段获得焦点时消失

type=hidden隐藏域有什么作用? 举例说明

• 隐藏域不会被浏览器显示，它用来发送附加信息到服务器，除了由用户发送的信息以外。
• 举例：当我们不得不登陆某些页面来获取信息时，服务器不知道是不是用户本人的操作，也许存在恶意发送post请求或get请求进而修改数据库中的数据，隐藏域用来验证是否为用户本人操作，若不是，则没有权限登陆

写一篇博客简单介绍 HTML 表单的用法，附上博客链接

简单介绍HTML表单的用法

实现如下表单,附上预览地址。其中性别和取向是单选，爱好是多选

我的代码预览地址