HTML|HTML 表单（form）用法 HTML表单（form）用法

form是HTML中比较重要的一块内容，

从例中的form开始，这当中的action涉及不同的脚本处理方法，而method则是不同的传输方式。这里面就涉及到了get 和post两种最常用的HTTP请求方法。
post 和 get 方式的区别那么这两种有什么区别呢？

GET能被缓存，POST不能缓存。
POST比GET相对安全：
因为POST参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。（所以在发送密码或其他敏感信息时绝不要使用 GET ）
GET方法只允许 ASCII 字符，且对数据长度有限制。
而POST对数据长度没有限制，允许二进制数据。

更多post与get的区别： HTTP 方法：GET 对比 POST - W3cSchool
更深入理解： get和post请求的区别 - - 知乎回答

form表单的作用以及常用的input 标签 form表单用于收集用户输入，向服务器传输数据，使用

元素来定义一个HTML表单。
表单可以包含 input, label, menus, textarea, filedset 和 legend 元素。
下面简单介绍这些表单中常见元素的用法：
常见的input的标签格式而不同的type类型就会有不同的输入形式。

文章图片
常见input类型及作用

input里的name 有什么作用，它和value 有什么区别？由于表单提交的数据一般都是以key:value（键值）的方式提交，所以input中的name属性主要用来标识提交的数据的key值，好让服务器处理程序分辨。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
例如：

则服务器在后台收到的数据格式可能是这样的：

{ gender:male, hobby: travel }

name是控件的名称（键），value是控件的值。
value通常指默认值，但并非所有标签都会显现出来。而name是控件的名称（键），它在网页中是不会显现出来的，主要用来供后台读取。

radio/checkbox 如何实现分组? 在一组input标签的属性均设置为type=radio的情况下，再将同组的标签name均设置为相同值，则这些name均相同的标签为同一组。
例：

Playing Game Keep Coding北京浙江

下拉框前面说过了radio/checkbox 的分组，还有一个重要的选择标签还没有提到，就是下拉框。

首先设置select包括需要下拉框的内容，并设置好name。
【HTML|HTML 表单（form）用法】在不同的选项设置标签option，含有selected ="selected "的为默认项（也可以简写为selected），效果如下图:

文章图片
select效果图

placeholder 属性 placeholder是HTML5的新属性，它一般会在输入框有一个提示，该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注意：placeholder 属性适用于以下的类型：text, search, url, telephone, email 以及 password

[type = hidden] 隐藏域的作用隐藏域在页面中,用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，供后台调用，例如数据的id等。
应用举例 :