HTML <form> 標(biāo)簽
例子
<form action="form_action.asp" 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> 標(biāo)簽。
定義和用法
<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。
表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。
表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
表單用于向服務(wù)器傳輸數(shù)據(jù)。
提示和注釋
注釋：form 元素是塊級(jí)元素，其前后會(huì)產(chǎn)生折行。
HTML 與 XHTML 之間的差異
NONE
必需的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| action | URL | 規(guī)定當(dāng)提交表單時(shí)，向何處發(fā)送表單數(shù)據(jù)。 |
可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | MIME_type | 規(guī)定通過(guò)文件上傳來(lái)提交的文件的類型。 |
| accept-charset | charset | 服務(wù)器處理表單數(shù)據(jù)所接受的字符集。 |
| enctype | MIME_type | 規(guī)定表單數(shù)據(jù)在發(fā)送到服務(wù)器之前應(yīng)該如何編碼。 |
| method |
|
規(guī)定如何發(fā)送表單數(shù)據(jù)。 |
| name | name | 規(guī)定表單的名稱。 |
| target |
|
規(guī)定在何處打開(kāi) action URL。 |
全局屬性
<form> 標(biāo)簽支持 HTML 中的全局屬性。
事件屬性
<form> 標(biāo)簽支持 HTML 中的事件屬性。
TIY 實(shí)例
- 文本域(Text fields)
- 本例演示如何在HTML頁(yè)面創(chuàng)建文本域。用戶可以在文本域?qū)懭胛谋尽?/dd>
- 密碼域
- 本例演示如何創(chuàng)建HTML的密碼域。
- 復(fù)選框
- 本例演示如何在HTML頁(yè)中創(chuàng)建文本框。用戶可以選中或取消選取復(fù)選框。
- 單選按鈕
- 本例演示如何在HTML中創(chuàng)建單選按鈕。
- 簡(jiǎn)單的下拉列表
- 本例演示如何在HTML頁(yè)面中創(chuàng)建簡(jiǎn)單的下拉列表框。下拉列表框是一個(gè)可選列表。
- 另一個(gè)下拉列表
- 本例演示如何創(chuàng)建一個(gè)簡(jiǎn)單的帶有預(yù)選值的下拉列表。（注：預(yù)選值指預(yù)先指定的首選項(xiàng)。）
- 文本域(Textarea)
- 本例演示如何創(chuàng)建一個(gè)文本域（多行文本輸入控制）。用戶可以在文本域中寫(xiě)入文本。在文本域中，可寫(xiě)入的字符字?jǐn)?shù)不受限制。
- 創(chuàng)建按鈕
- 本例演示如何創(chuàng)建按鈕。你可以對(duì)按鈕上的文字進(jìn)行自定義。
- 圍繞數(shù)據(jù)的Fieldset
- 本例演示如何在數(shù)據(jù)周圍繪制一個(gè)帶標(biāo)題的框。
- 帶有輸入框和確認(rèn)按鈕的表單
- 本例演示如何向頁(yè)面添加表單。此表單包含兩個(gè)輸入框和一個(gè)確認(rèn)按鈕。
- 帶有復(fù)選框的表單
- 此表單包含兩個(gè)復(fù)選框和一個(gè)確認(rèn)按鈕。
- 帶有單選按鈕的表單
- 此表單包含兩個(gè)單選框和一個(gè)確認(rèn)按鈕。
- 從表單發(fā)送電子郵件
- 此例演示如何從表單發(fā)送電子郵件。