表單是網頁與用戶的交互工具，由一個

元素作為容器構成，封裝其他任何數量的表單控件，還有其他任何元素里可用的標簽，表單能夠包含、、、、、等表單控件元素。表單元素有哪些呢？它包含了如下的這些元素，輸入文本框，按鈕，定義下拉菜單，，文本區等等，當然在html5中又新增了一些元素。通過下面的內容總結了各種html表單元素獲取和用法實例！

一、HTML5中新增表單元素及使用實例

HTML5 新表單元素

： 標簽定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。

： 標簽規定用于表單的密鑰對生成器字段。

： 標簽定義不同類型的輸出，比如腳本的輸出。

datalist元素規定輸入域的選項列表。列表是通過datalist內的option元素創建的。如需把datalist綁定到輸入域，請用輸入域的list 屬性引用datalist的id。

keygen元素是密鑰對生成器(key-pair generator)。當提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。私鑰(private key)存儲于客戶端，公鑰(public key)則被發送到服務器。

output元素用于不同類型的輸出，比如計算或腳本輸出。

二、PHP中表單元素的詳解

通過選擇域標記和可以建立一個列表或者菜單。菜單的使用是為了節省空間，正常狀態下只能看到菜單的一個選項，單擊右側的下三角按鈕打開菜單后才能看到全部的選項。列表可以顯示一定數量的選項。如果超出了這個數量，會自動出現滾動條，瀏覽者可以通過拖動滾動條來查看各個選項。

輸入域標記 是表單中最常用的標記之一。常用的輸入域標記 有文本框、按鈕、單選按鈕、復選框等等。

Checkbox的值獲得與普通的input獲得方法是不一樣，需要給checkbox一個統一的數組形式的Name，例如mycheckbox[]，對的就是PHP中定義數組的一種方式。然后在后臺獲取這個數據，例如POST表單的$_POST[‘mycheckbox’]，此時這個數據已經是一個數組了。

三、javascript和jquery獲取和使用表單元素

第一種方法,通過元素的name獲取

第二種方法：通過元素的index獲取

第三種方法：通過元素的id獲取

1).獲取input類的值： $("input").val();

2).獲取textarea類的值: $("textarea").val();

3).獲取select類的值：$("select").val();

當表單上含有多個input類(或者textarea類和select類)，使用上述方法得到的將是一個數組。當然，你可以給這些控件加上ID，從而對某個特定的控件取值，例如：$("input#myID").val()。

表單元素的相關問答：

【相關推薦】