最新的Web开发教程
 

HTML <form> Tag


HTML表单有两个输入字段和一个提交按钮:

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
试一试»

更多“试一试”的例子。


定义和用法

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

<form>元素可以包含以下表单元素的一种或多种:


浏览器支持

元件
<form>

HTML 4.01和HTML5之间的差异

HTML5增加了两个新的属性: autocompletenovalidate ,并removedaccept属性。


HTML和XHTML之间的差异

在XHTML中, name属性被弃用。 使用全局id属性代替。


属性

=新的HTML5。

属性 描述
accept file_type 在HTML5不支持。
指定用逗号分隔的文件类型列表服务器接受(可通过文件上传提交)
accept-charset character_set 指定要用于表单提交的字符编码是
action URL 指定当提交表单向何处发送表单数据
autocomplete on
off
指定表格是否应该开启或关闭自动完成
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
指定表单数据应该如何编码的将它提交给服务器时(仅适用于method="post"
method get
post
指定发送表单数据时使用的HTTP方法
name text 指定表单的名称
novalidate novalidate 规定在提交表单时不应该验证
target _blank
_self
_parent
_top
规定在何处显示被提交表单后收到的回应

全局属性

<form>标签支持全局的HTML属性


事件属性

<form>标签支持的HTML事件属性


试一试 - 示例

形式与复选框
表单有两个复选框和一个提交按钮。

形式与单选按钮
表单有两个单选按钮,以及一个提交按钮。


相关页面

HTML教程: HTML表单和输入

HTML DOM参考: 表单对象

CSS教程: 样式表单


默认设置CSS

大多数浏览器将显示<form>与下面的默认值元素:

form {
    display: block;
    margin-top: 0em;
}
试一试»