HTML 5 <form> 標簽
定義和用法
<form> 標簽創(chuàng)建供用戶輸入的表單。
表單可包含文本域,復選框,單選按鈕等等。表單用于向指定的 URL 傳遞用戶數(shù)據(jù)。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 5 中有一些新屬性,同時不再支持 HTML 4.01 中的一些屬性。
在 HTML 5 中有一個新屬性:replace。它定義表單被提交后所做的事情。
屬性
屬性 | 描述 | 4 | 5 |
---|---|---|---|
action | 定義一個 URL。當點擊提交按鈕時,向這個 URL 發(fā)送數(shù)據(jù)。 | 4 | 5 |
data | 供自動插入數(shù)據(jù)。 | ? | 5 |
replace | 定義表單提交時所做的事情。 | ? | 5 |
accept | 處理該表單的服務器可正確處理的內(nèi)容類型列表(用逗號分隔)。 | 4 | 5 |
accept-charset | 表單數(shù)據(jù)的可能的字符集列表(逗號分隔)。默認值是 "unknown"。 | 4 | 5 |
enctype | 用于對表單內(nèi)容進行編碼的 MIME 類型。 | 4 | 5 |
method | 用于向 action URL 發(fā)送數(shù)據(jù)的 HTTP 方法。默認是 get。 | 4 | 5 |
name | 為表單定義一個唯一的名稱。不支持。用 id 代替。 | 4 | ? |
target | 在何處打開目標 URL。 | 4 | 5 |
標準屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述,請訪 HTML 5 中標準屬性。
事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
如需完整的描述,請訪 HTML 5 中事件屬性。
TIY 實例
- 帶有輸入框和確認按鈕的表單
- 本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
- 帶有復選框的表單
- 此表單包含兩個復選框和一個確認按鈕。
- 帶有單選按鈕的表單
- 此表單包含兩個單選框和一個確認按鈕。
- 從表單發(fā)送電子郵件
- 此例演示如何從表單發(fā)送電子郵件。