定义和用法
<form> 标签创建供用户输入的表单。
form 元素包含一个或多个表单元素:
button
input
keygen
object
output
select
textarea
表单用于向服务器(指定的 URL)传递用户数据。
实例
文档的页脚:
<form action="form_action.asp"> First name: <input type="text" name="fname" value="Mickey" /><br /> Last name:<input type="text" name="lname" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form>
亲自试一试代码:
<!DOCTYPE HTML> <html> <body> <form action="/html5/form_action.asp"> First name: <input type="text" name="fname" value="Mickey" /><br /> Last name:<input type="text" name="lname" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> <p>点击"提交"按钮,输入的数据会发送到服务器上名为 "form_action.asp" 的页面。</p> </body> </html>
HTML 4.01 与 HTML 5 之间的差异
在 HTML 5 中有一些新属性,同时不再支持 HTML 4.01 中的一些属性。
属性
属性 | 值 | 描述 |
accept | MIME_type | HTML 5 中不支持。 |
accept-charset | charset_list | 表单数据的可能的字符集列表(逗号分隔)。 |
action | URL | 定义当点击提交按钮时向何处发送数据。 |
autocomplete | on Off | 规定是否自动填写表单。 |
enctype | 见说明 | 用于对表单内容进行编码的 MIME 类型。 |
method | Get post put delete | 用于向 action URL 发送数据的 HTTP 方法。默认是 get。 |
name | form_name | 定义表单唯一的名称。 |
target | _blank _self _parent _top | 在何处打开目标 URL。 |
说明
enctype 属性可能的值:
application/x-www-form-urlencoded
multipart/form-data
text/plain
autocomplete 属性如果设置为 on,则浏览器可以存储表单的输入值,然后在用户返回该页面时自动填写表单。
如果设置为 off,则浏览器不应存储这些信息。
标准属性
<form> 标签支持 HTML 5 中的标准属性。
事件属性
<form> 标签支持 HTML 5 中的事件属性。