HTML <form> 標籤
例子
<form action="form_action.php" method="get">
<p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /></form>
瀏覽器支援
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有瀏覽器都支援 <form> 標籤。
定義和用法
<form> 標籤用於為會員輸入建立 HTML 表單。
表單能夠包含 input 元素,比如文字欄位、覈取方塊、單選框、提交按鈕等等。
表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
表單用於向伺服器傳輸資料。
提示和註釋
註釋:form 元素是塊級元素,其前後會產生折行。
HTML 與 XHTML 之間的差異
NONE
屬性
new : HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML 5 中不支援。 |
accept-charset | charset_list | 規定伺服器可處理的表單資料字符集。 |
action | URL | 規定當提交表單時向何處發送表單資料。 |
autocomplete |
|
規定是否啟用表單的自動完成功能。 |
enctype | 見說明 | 規定在發送表單資料之前如何對其進行編碼。 |
method |
|
規定用於發送 form-data 的 HTTP 方法。 |
name | form_name | 規定表單的名稱。 |
novalidate | novalidate | 如果使用該屬性,則提交表單時不進行驗證。 |
target |
|
規定在何處打開 action URL。 |
說明
enctype 屬性可能的值:
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain
全域性屬性
<form> 標籤支援 HTML 中的全域性屬性。
事件屬性
<form> 標籤支援 HTML 中的事件屬性。
TIY 實例
- 文字域(Text fields)
- 本例演示如何在HTML頁面建立文字域。會員可以在文字域寫入文字。
- 密碼域
- 本例演示如何建立HTML的密碼域。
- 覈取方塊
- 本例演示如何在HTML頁中建立文字框。會員可以選中或取消選取覈取方塊。
- 單選按鈕
- 本例演示如何在HTML中建立單選按鈕。
- 簡單的下拉選單
- 本例演示如何在HTML頁面中建立簡單的下拉選單框。下拉選單框是一個可選列表。
- 另一個下拉選單
- 本例演示如何建立一個簡單的帶有預選值的下拉選單。(註:預選值指預先指定的首選項。)
- 文字域(Textarea)
- 本例演示如何建立一個文字域(多行文字輸入控制)。會員可以在文字域中寫入文字。在文字域中,可寫入的字元字數不受限制。
- 建立按鈕
- 本例演示如何建立按鈕。你可以對按鈕上的文字進行自定義。
- 圍繞資料的Fieldset
- 本例演示如何在資料周圍繪製一個帶標題的框。
- 帶有輸入框和確認按鈕的表單
- 本例演示如何向頁面新增表單。此表單包含兩個輸入框和一個確認按鈕。
- 帶有覈取方塊的表單
- 此表單包含兩個覈取方塊和一個確認按鈕。
- 帶有單選按鈕的表單
- 此表單包含兩個單選框和一個確認按鈕。
- 從表單發送電子郵件
- 此例演示如何從表單發送電子郵件。
相關頁面
HTML DOM 參考手冊:Form 對像