好程式設計師web前端培訓分享HTMLCSS之HTML表單標籤：表單

1 ：表單標籤

<form></form>
屬性：
action = '介面地址'
method = 'get / post'
name = '表單名稱'

2 ：表單控制元件

<input>
屬性：
type = '控制元件型別'
name：屬性標識表單域的名稱；
Value：屬性定義表單域的預設值，其他屬性根據type的不同而有所變化。
maxlength：控制最多輸入的字元數，
Size：控制框的寬度（以字元為單位）
1）文字框
<input type="text" value="預設值"/>
2)密碼框
<input type="password" />
3)提交按鈕
<input type="submit" value="按鈕內容" />
4)重置按鈕
<input type="reset" value="按鈕內容" />
5)空按鈕
<input type="button" value="按鈕內容" />

3：表單補充

1）單選按鈕組
<input type=“radio” name=“ral” />男
<input type=“radio” name=“ral”
checked=“checked”/>(預設選中)女
2）核取方塊組
<input type="checkbox" name="" />
<input type="checkbox" name="" disabled="disabled" />
* disabled="disabled" (禁用)
* checked="checked" (預設選中)
3）下拉選單（選單）：
<select >
<option>下拉選項1</option>
<option>下拉選項2</option>
…………
</select>
表示下拉選單，name屬性不是必須的
預設選擇項用selected屬性；
4）表單域多行文字定義：
語法: <textarea name="" cols="" rows="" ></textarea>
多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度，單位是字元。
阻止瀏覽器對視窗的拖動設定:{resize:none;}（css屬性）
5)上傳檔案：
語法：<input type="file">

4：表單標籤補充

1）表單欄位集
語法：<fieldset></fieldset>

說明：相當於一個方框，在欄位集中可以包含文字和其他元素。該元素用於對錶單中的元素進行分組並在文件中區別標出文字。fieldset元素可以巢狀，在其內部可以在設定多個fieldset物件。disabled定義空間禁制可用；

2）欄位級標題：
語法：<legend align="left/center/right/justify"></legend>
說明：legend元素可以在fieldset物件繪製的方框內插入一個標題。legend元素必須是fieldset內的唯一個元素。
3)提示資訊標籤：
語法：<label for="繫結控制元件id名"></label>

說明：label元素用來定義標籤，為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制元件上，可以將label元素的for屬性設定為與該控制元件的id屬性值相同。

擴充：post/get

· (1). 從功能上講，GET一般用來從伺服器上獲取資源，POST一般用來更新伺服器上的資源；

· (2). 從REST服務角度上說，GET是冪等的，即讀取同一個資源，總是得到相同的資料，而POST不是冪等的，因為每次請求對資源的改變並不是相同的；進一步地，GET不會改變伺服器上的資源，而POST會對伺服器資源進行改變；

· (3). 從請求引數形式上看，GET請求的資料會附在URL之後，即將請求資料放置在HTTP報文的請求頭中，以?分割URL和傳輸資料，引數之間以&相連。特別地，如果資料是英文字母/數字，原樣傳送；否則，會將其編碼為 application/x-www-form-urlencoded MIME 字串(如果是空格，轉換為+，如果是中文/其他字元，則直接把字串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX為該符號以16進製表示的ASCII)；而POST請求會把提交的資料則放置在是HTTP請求報文的請求體中。

· (4). 就安全性而言，POST的安全性要比GET的安全性高，因為GET請求提交的資料將明文出現在URL上，而且POST請求引數則被包裝到請求體中，相對更安全。

· (5). 從請求的大小看，GET請求的長度受限於瀏覽器或伺服器對URL長度的限制，允許傳送的資料量比較小，而POST請求則是沒有大小限制的。

好程式設計師web前端培訓分享HTMLCSS之HTML表單標籤