form是HTML中比較重要的一塊內容载绿，<form>標簽用于為用戶輸入創(chuàng)建 HTML 表單，表單用于向服務器傳輸數據油航。
希望通過本文的講解崭庸，對于form表單的用途以及用法能夠有個簡單的了解。
簡單參考: W3School - <form>
一個表單的形式如下：
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<input type="submit" value="Submit" />
</form>
從例中的form開始谊囚，這當中的action涉及不同的腳本處理方法怕享，而method則是不同的傳輸方式。這里面就涉及到了get 和post兩種最常用的HTTP請求方法秒啦。
post 和 get 方式的區(qū)別
那么這兩種有什么區(qū)別呢熬粗？
- GET能被緩存，POST不能緩存 余境。
- POST比GET相對安全：
因為POST參數不會被保存在瀏覽器歷史或 web 服務器日志中驻呐。GET的數據在 URL 中對所有人都是可見的灌诅。POST的數據不會顯示在 URL 中。（所以在發(fā)送密碼或其他敏感信息時絕不要使用 GET ） - GET方法只允許 ASCII 字符含末，且對數據長度有限制猜拾。
而POST對數據長度沒有限制，允許二進制數據佣盒。
更多post與get的區(qū)別 ： HTTP 方法：GET 對比 POST - W3cSchool
更深入理解： get和post請求的區(qū)別 - - 知乎回答
<br />
form表單的作用以及常用的input 標簽
form表單用于收集用戶輸入挎袜，向服務器傳輸數據，使用<form>元素來定義一個HTML表單肥惭。
表單可以包含 input, label, menus, textarea, filedset 和 legend 元素盯仪。
下面簡單介紹這些表單中常見元素的用法：
常見的input的標簽格式 <input type="" name="" /> 而不同的type類型就會有不同的輸入形式。
<br />
input里的name 有什么作用蜜葱，它和value 有什么區(qū)別全景？
由于表單提交的數據一般都是以key:value（鍵值）的方式提交，所以input中的name屬性主要用來標識提交的數據的key值牵囤，好讓服務器處理程序分辨爸黄。只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
例如：
<input name="gender" value="male">
<input name="hobby" value="travel">
則服務器在后臺收到的數據格式可能是這樣的：
{
gender:male,
hobby: travel
}
name是控件的名稱 （鍵）揭鳞，value是控件的值炕贵。
value通常指默認值，但并非所有標簽都會顯現出來野崇。而name是控件的名稱（鍵）称开，它在網頁中是不會顯現出來的，主要用來供后臺讀取舞骆。
<br />
radio/checkbox 如何實現分組?
在一組input標簽的屬性均設置為type=radio的情況下钥弯，再將同組的標簽name均設置為相同值，則這些name均相同的標簽為同一組督禽。
例：
<input type="radio" name="hobby" value="game">Playing Game
<input type="radio" name="hobby" value="coding">Keep Coding
<!-- 組別1 為興趣組 -->
<input type="radio" name="travel" value="BJ">北京
<input type="radio" name="travel" value="ZJ">浙江
<!-- 組別2 為旅游組 -->
<br />
下拉框
前面說過了radio/checkbox 的分組脆霎，還有一個重要的選擇標簽還沒有提到，就是下拉框狈惫。
<select name="mycar">
<option value="BC">奔馳</option>
<option value="SB" selected>薩博</option>
<option value="BMW">別摸我</option>
</select>
首先設置select包括需要下拉框的內容睛蛛，并設置好name。
在不同的選項設置標簽option胧谈，含有selected ="selected "的為默認項（也可以簡寫為selected）忆肾，效果如下圖:
<br />
placeholder 屬性
placeholder是HTML5的新屬性，它一般會在輸入框有一個提示菱肖，該提示會在輸入字段為空時顯示客冈，并會在字段獲得焦點時消失。
注意：placeholder 屬性適用于以下的 <input>類型：text, search, url, telephone, email 以及 password
<br />
[type = hidden] 隱藏域的作用
隱藏域在頁面中,用戶是不可見的稳强，在表單中插入隱藏域的目的在于收集或發(fā)送信息场仲，供后臺調用和悦，例如數據的id等。
應用舉例 :
后記
這里標簽介紹的比較簡單渠缕，就算是對HTML form表單部分的一個簡單入門鸽素，大部分內容還是需要自己多去實踐，并且觀察實現效果亦鳞。
