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 实例
- 带有输入框和确认按钮的表单
- 本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
- 带有复选框的表单
- 此表单包含两个复选框和一个确认按钮。
- 带有单选按钮的表单
- 此表单包含两个单选框和一个确认按钮。
- 从表单发送电子邮件
- 此例演示如何从表单发送电子邮件。