在<form>元素
HTML表單用於收集用戶輸入。
在<form>元素定義的HTML形式：
<form>
.
HTML表格包含表單元素 。 形式元素是不同類型的輸入元件，複選框，單選按鈕，提交按鈕，等等。
所述<input>元
所述<input>元素是最重要的形式的元素 。
所述<input>元件具有許多變化，這取決於type屬性。
以下是本章中所使用的類型：
類型 描述 text 定義普通的文本輸入 radio 定義單選按鈕輸入(for selecting one of many choices) submit 定義一個提交按鈕(for submitting the form)
您將在本教程後面學到了很多有關輸入類型。
文本輸入
<input type="text">定義了文本輸入的一行輸入字段：
例
<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
試一試» 這是怎麼看起來像在瀏覽器中：
名字：
姓：
Note:表單本身是不可見的。 還要注意的是文本字段的默認寬度為20個字符。
Radio按鈕輸入
<input type="radio">定義了一個radio按鈕。
Radio按鈕，讓用戶選擇的選擇數量有限的ONE：
例
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
試一試» 這是怎樣的HTML代碼中會在瀏覽器中顯示：
男
女
其他
提交按鈕
<input type="submit">定義了一個按鈕提交表單到形狀處理程序 。
的形式處理程序通常是具有用於處理輸入數據的腳本服務器頁面。
表單處理程序是在窗體的指定action屬性：
例
<form action="action_page.php">
First name:<br>
<input type="text"
name="firstname" value="Mickey"><br>
Last name:<br>
<input
type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
試一試» 這是怎樣的HTML代碼中會在瀏覽器中顯示：
名字：
姓：
該Action屬性
的action屬性定義了表單提交時要執行的動作。
提交表單到服務器的常用方法，是通過使用一個提交按鈕。
通常情況下，表單被提交到網頁的Web服務器上。
在上面的例子中，服務器端腳本被指定為處理所提交的形式：
<form action="action_page.php ">
如果action被省略的屬性，操作設置為當前頁面。
該Method屬性
該method屬性指定的HTTP方法（ GET或POST ）提交表格時使用：
<form action="action_page.php" method="get" > 要么：
<form action="action_page.php" method="post" >
何時使用GET ？
您可以使用GET (the default method) ：
如果表單提交是被動的(like a search engine query) ，並且沒有敏感信息。
當您使用GET ，表單數據將在頁面地址可見：
action_page.php?firstname=Mickey&lastname=Mouse GET是最適合短的數據。 大小限制在您的瀏覽器設置。
當使用POST ？
您應該使用POST ：
如果窗體是更新數據，或包括敏感信息(password) 。
POST是因為提交的數據是不是在頁面地址可見提供了更好的安全性。
該Name屬性
要正確提交，每個輸入字段必須有一個name屬性。
這個例子將僅提交"Last name"輸入字段：
例
<form action="action_page.php">
First name:<br>
<input type="text"
value="Mickey"><br>
Last name:<br>
<input
type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
試一試»
與分組表單數據<fieldset>
所述<fieldset>的形式相關的數據元素組。
所述<legend>元素定義了的字幕<fieldset>元素。
例
<form action="action_page.php">
<fieldset>
<legend>Personal
information:</legend>
First name:<br>
<input type="text" name="firstname"
value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</fieldset>
</form>
試一試» 這是怎樣的HTML代碼中會在瀏覽器中顯示：
HTML Form屬性
一個HTML <form>元素，與所有可能的屬性設置，看起來像這樣：
<form action="action_page.php" method="post" target="_blank"
accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded"
autocomplete="off" novalidate>
.
測試自己與練習！
這裡是列表<form>屬性：
屬性 描述 accept-charset 指定在提交表單中使用的字符集（默認：頁面字符集）。 action 指定的地址(url)其中提交表單（默認：在提交頁面）。 autocomplete 指定瀏覽器是否應該自動完成表單(default: on) 。 enctype 指定提交的數據的編碼(default: is url-encoded) 。 method 指定提交表單時使用的HTTP方法(default: GET) name 指定用於識別的形式（DOM用法：document.forms.name）的名稱。 novalidate 指定瀏覽器不應驗證表單。 target 指定的地址的目標action屬性（默認值：_self）。
您將了解更多關於在接下來的章節屬性。
更多示例
發送電子郵件從一個窗體
如何從表單發送電子郵件。