HTML之 表單與輸入

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
表單使用表單標簽<form>來設置:

<form>
.
.
</form>

多數情況下被用到的表單標簽是輸入標簽（<input>）。

輸入類型是由類型屬性（type）定義的。大多數經常被用到的輸入類型如下：

文本域通過<input type="text">標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。

<form>
First name:
<input type="text" name="firstname"><br>
Last name:
<input type="text" name="lastname">
</form>

瀏覽器顯示如下：

First name: 
Last name: 

注意:表單本身并不可見。同時，在大多數瀏覽器中，文本域的默認寬度是 20 個字符。

密碼字段通過標簽<input type="password"> 來定義:

<form>
Password:
<input type="password" name="pwd">
</form>

瀏覽器顯示效果如下:

Password: 

<input type="radio" >標簽定義了表單單選框選項

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

瀏覽器顯示效果如下:

Male
Female

<input type="checkbox">定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

瀏覽器顯示效果如下:

I have a bike
I have a car

<input type="submit">定義了提交按鈕.

當用戶單擊確認按鈕時，表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理:

<form name="input" action="html_form_action.php" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>

瀏覽器顯示效果如下:

Username: 

假如您在上面的文本框內鍵入幾個字母，然后點擊確認按鈕，那么輸入數據會傳送到 "html_form_action.php" 的頁面。該頁面將顯示出輸入的結果。

原文地址： https://www.linuxprobe.com/html-forms-and.html