HTML 表單元素

在Web開發技術（尤其是前端）中，「HTML」是我們用來顯示網頁（我們在網站上看到的頁面）的基本或主要標記語言。有時，在 HTML 頁面中，與其他內容顯示一起，我們還需要接受一些使用者輸入（尤其是在動態網站中）。為了在HTML 頁面中獲取使用者輸入，我們需要使用多個表單元素來正確建立這些表單，並且在這些表單的幫助下，我們正確地獲取使用者輸入並將這些輸入（資料）放入我們的內部資料庫中：後端。現在，我們知道 HTML 程式碼是在各種標籤元素 () 下編寫的，因此，基本上，「HTML 表單元素」是在「

」內部使用的那些元素。標籤，這些元素以及其他標準和獨特的屬性也給出了表單和結構，這讓使用者知道如何處理表單以及如何以結構方式進行。

解釋 HTML 表單元素（包括語法和輸出範例）

由於有多個 HTML 表單元素來建立表單並以結構化方式賦予表單適當的外觀，因此下面對其中一些元素進行一一解釋。

SL No.	Tags	Meanings / Descriptions
1		To define a HTML form for user inputs
2		To define input control
3		To specify a list of pre-defined options
4		To define group related elements
5		To define a secure input
6		To define a label of input
7		To define a caption for fieldset
8		To define a group of similar options.
9		To define an option for the drop-down.
10		To define a  result
11		To define a list of the drop-down.
12		To define a multiline input area.

SL 號 標籤 含義/描述   1 定義使用者輸入的 HTML 表單   2 定義輸入控制   3 指定預定義選項清單   4 定義群組相關元素   5 定義安全輸入   6 定義輸入標籤   7 定義字段集的標題   8   定義一組相似的選項。     9     定義下拉選項。   10     定義結果   11     定義下拉清單。   12     定義多行輸入區域。 表>注意：這裡討論的大多數 HTML 標籤元素適用於最新的 HTML 語言版本 HTML5。標籤元素 HTML5 不再支援；它實際上用於 HTML 的早期版本。

語法和範例

以下討論一些帶有輸出的 HTML 表單元素的語法和範例：

1. “”元素

此元素還可以包含許多其他元素，包括以下內容：

「

」範例帶有輸入和提交按鈕的元素：

文法：

Your Name:

代碼：

Your name:

輸出：

2. “”元素

 此元素是內嵌元素，屬於表單元素組。

文法：

Input name:
Input age:

代碼：

Input name:
Input age:

輸出：

       

3. “”元素

它通常為 指定預先定義的輸入清單。使用者可以從預定義清單中選擇任何選項的元素。

文法：

<input list="fruits">
<datalist id="fruits">
<option value="Mango">
</option>
<option value="Apple">
</option>
<option value="Banana">
</option>
<option value="Pomegranate">
</option>
<option value="Pineapple">
</option></datalist>

代碼：

輸出：

4. “”元素

此元素主要用於將表單中的相關元素分組，並在相似元素周圍繪製一個框。

文法：

Celebrity:

Name:
Phone:
Age:

代碼：

Celebrity:

Name:
Phone:
Age:

輸出：

5. “”元素

該元素可能位於表單之外，但它仍然可能是表單的一部分。通常，該元素用於指定一種或多種形式。 HTML5 版本中新使用此元素來產生加密金鑰，以便透過基於 HTML 的網站中的表單傳遞加密資料。

文法：

<keygen form="form_id"></keygen>

代碼：

Username:

The below mentioned keygen field is outside of the form, but it's still a part of the above form.

Encryption:

輸出：

6. “”元素

這個元素基本上給出了輸入表單的名稱，以使用戶了解它應該是什麼輸入資料。它充當用戶的指標。

文法：

<label for="control id"> ... </label>

代碼：

<title>Example of HTML label tag</title>

Boy Girl

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