前端 HTML5表單相關元素和屬性簡介

html使用表單向伺服器提交請求、表單、表單控制項的主要作用就是收集使用者輸入，當使用者提交表單時，使用者輸入內容將被作為請求引數提交到遠端伺服器。因此在web程式設計中，表單主要用於收集使用者輸入的資料。

元素用於生成輸入表單，該元素不會生成視覺化部分。

注：在html5規範以前，表單控制項都需要放在元素之內。

首先我們介紹一下form下面幾個核心屬性：

method：指定提交表單時傳送何種型別的請求，該屬性值可為get為post，分別用於傳送get或post請求。通常建議傳送post請求。該屬性必填。（*非常重要*）

enctype：指定對表單內容進行編碼所使用的字符集。

name：指定表單的唯一名稱。

target：指定使用哪種方式開啟目標url（提交請求會開啟另乙個url資源），與超連結的target可接受的屬性值完全一樣，該屬性可以是_blank、_parent、_self和_top四個值之一。

在上面屬性中的method屬性指定表單的提交方式，分為get方式請求和post方式請求：

另需格外注意的是enctype屬性，該屬性用於指定表單資料的編碼方式，該屬性有如下3個值：

multipart/form-data：這種編碼方式會以二進位製流的方式來處理表單資料，這種編碼方式會把檔案域指定檔案的內容也封裝到請求引數裡。當需要通過表單上傳檔案時使用該屬性值。

text/plain：當表單的action屬性值為mailto:url的形式時使用這種編碼方式比較方便，這種編碼方式主要使用於直接通過表單傳送郵件的方式。

最後在注重介紹一下我在程式設計中遇到的form表單中的select與option元素

元素用於創界列表框或下拉列表，該元素必須和元素結合使用，每個元素代表乙個列表項或選單項。當使用者選中了多個列表項或選單項後，這些列表項或選單項的value值將作為該元素所對應的請求引數值。元素還可以指定如下幾個屬性：

disabled：設定禁用該列表框和下拉列表。multiple：設定該列表框和下拉列表是否允許多選。size：指定該列表框內可同時顯示多少個列表項。

在元素裡，只能包含如下兩種子元素：