<form> - 表单

首页 > HTML标签 > <form>

■ 摘要

项目说明
形式<form action="...">~</form>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素块元素 / 内联元素(※)
(※ HTML4.01 Strict 只有script
(form 元素无法嵌套)

■ 说明

<form>~</form>表示一个表单。表单里可以放诸如 <input><select><textarea> 等页面元素。

表单里通常会有一个submit(提交)按钮。在各个可输入元素里输入内容后,按下submit按钮,会用 method 属性指定的数据传输方法,执行 action 属性指定的动作。

action 属性可以指定 CGI 或 URL 等等。

■ 属性

【重要属性】
属性意义
action=actionH2+/e2+/N2+。指定当提交表单时,向何处发送表单数据。在 HTML4.01 里是必须指定的属性。
method=methodH2+/e2+/N2+。指定数据传输的方法,GET 或者 POST
target=targetH4T/H5+/e3+/N2+。规定在何处打开 action URL。HTML4.01 Strict 不支持, HTML5 支持。
name=nameH4+/e3+/N2+。指定表单名。可以在 JavaScript 里使用。

【特性】
属性意义
accept=acceptH4。指定服务器处理此表单数据时使用的 MIME 类型,用逗号(,)分隔。HTML5 不支持。
accept-charset=charH4+。指定此表单使用的文字编码,用逗号(,)分隔。
autocomplete=onoffH5+/e5+。开启和关闭自动完成功能,默认值为 on(开启)。
enctype=enctypeH2+/e2+/N2+。指定表单数据传递到后台的形式。enctype的取值内容有以下三种:
application/x-www-form-urlencoded —— 窗体数据被编码为名称/值对,并进行URLEncoding这是标准的编码格式。
multipart/form-data —— 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。
text/plain —— 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。
novalidateH5+。使浏览器禁用表单验证。

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<form method="POST" action="cgi-bin/xxx.cgi">
<div>姓名:<input type="text" name="NAME"></div>
<div>地址:<input type="text" name="ADDR"></div>
<input type="submit" value="提交">
<input type="reset" value="取消">
</form>

■ 相关

<label>