HTML 5 <form> 標簽

定義和用法

<form> 標簽创建供用户输入的表单。

表单可包含文本域,复选框,单选按钮等等。表单用于向指定的 URL 传递用户数据。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中有一些新屬性,同时不再支持 HTML 4.01 中的一些屬性。

在 HTML 5 中有一个新屬性:replace。它定义表单被提交后所做的事情。

屬性

屬性 描述 4 5
action 定义一个 URL。当点击提交按钮时,向这个 URL 发送数据。 4 5
data 供自動插入數據。   5
replace 定義表單提交時所做的事情。   5
accept 處理該表單的服務器可正確處理的內容類型列表(用逗號分隔)。 4 5
accept-charset 表单数据的可能的字符集列表(逗号分隔)。默认值是 "unknown"。 4 5
enctype 用于对表单内容进行编码的 MIME 类型。 4 5
method 用于向 action URL 发送数据的 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 实例

帶有輸入框和確認按鈕的表單
本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
帶有複選框的表單
此表單包含兩個複選框和一個確認按鈕。
帶有單選按鈕的表單
此表單包含兩個單選框和一個確認按鈕。
從表單發送電子郵件
此例演示如何從表單發送電子郵件。