例
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增加了两个新的属性: autocomplete和novalidate ,并removed了accept属性。
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>与下面的默认值元素: