HTML 的表單元素有哪些

HTML的表單元素有：1、文字區域「TEXTAREA」；2、列錶框「SELECT」；3、文字輸入框「INPUT type=text」；4、密碼輸入框「INPUT type=password 」；5、單選輸入框等等。

本文操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML中常用的表單元素包括：文字區域（TEXTAREA），列錶框（SELECT），文字輸入框（INPUT type=text），密碼輸入框（INPUT type=password），單選輸入框（INPUT type=radio），複選輸入框（INPUT type=checkbox），重設按鈕、提交按鈕、隱藏網域、等等。

一、文字網域

<input type="text" name="text" value="" />

二、密碼網域

密碼跟文字方塊類似，但在裡面輸入的內容顯示為圓點。

<input type="password" name="text" value="" />

三、單選按鈕

男人: Male

女人： Female

四、複選框

<input type="checkbox" name="check1" value="" />

#五、按鈕

#六、重置按鈕

當點擊重置按鈕時，重置按鈕所在的表單將全部清空，而其他表單不受影響。

七、提交按鈕

當點擊提交按鈕時，瀏覽器會自動提交表單。

八、隱藏域

隱藏域在瀏覽器中並不顯示，僅僅為保存一些不太重要的資料而存在。

#九、上傳域

十、圖片按鈕

十一、下拉清單

<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

#例如：

屬性：disabled，可選值：disabled ，說明：規定停用該下拉清單。  

十二、label

abel 元素不會呈現任何特殊效果給使用者。不過，它為滑鼠使用者改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控制項。是說，當使用者選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控制項。例如，當將單選按鈕放在label內。則點擊label內的文字也會觸發單選按鈕，而不必只是點中小圓點。

例如：

<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>

十三、停用（disabled）與唯讀（readonly）

停用與唯讀屬性。 readonly只針對input(text / password)和textarea有效，而disabled對於所有的表單元素都有效，包括select, radio, checkbox, button等。但是表單元素在使用了disabled後，當我們將表單以POST或GET的方式提交的話，這個元素的值不會被傳遞出去，而readonly會將該值傳遞出去。

停用文字方塊：

只讀文字方塊:

十四、TextArea

十五、fieldset    定義域

fieldset用於將表單元素分組，legend用於設定分組標題。

表單在網頁中主要負責資料擷取功能。一個表單有三個基本組成部分： 表單標籤，這裡麵包含了處理表單資料所用CGI程式的URL以及資料提交到伺服器的方法。表單域，包含了文字方塊、密碼方塊、隱藏網域、多行文字方塊、核取方塊、單選方塊、下拉選取方塊和檔案上傳方塊等。表單按鈕，包括提交按鈕、重設按鈕和一般按鈕；用於將資料傳送到伺服器上的CGI腳本或取消輸入，也可以用表單按鈕來控制其他定義了處理腳本的處理工作。

推薦教學：《html影片教學》

以上是HTML 的表單元素有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！