HTML5 <form> 标签

定义和用法

<form> 标签创建供用户输入的表单。

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

HTML 4.01 与 HTML5 之间的差异

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

在 HTML5 中有一个新属性: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

如需完整的描述,请访 HTML5 中标准属性

事件属性

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

如需完整的描述,请访 HTML5 中事件属性

TIY 实例

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

Copyright © 2009-2011 Web前端开发-Web前端工程师 | Web前端学习之路 版权所有