HTML <form>标签用于创建用户输入的表单,表单可以包含文本字段,复选框,单选按钮等。
form示例
<!DOCTYPE html> <html> <head> <title>HTML form Tag</title> </head> <body> <form action="/cgi-bin/hello_get.cgi" method="get"> First name: <input type="text" name="first_name" value="" maxlength="100" /> <br /> Last name: <input type="text" name="last_name" value="" maxlength="100" /> <input type="submit" value ="Submit" /> </form> </body> </html>
这将产生以下结果-
全局属性
此标签支持HTML 中描述的所有全局属性。
特定属性
HTML <form>标签还支持以下附加属性-
| Attribute | Value | 描述 |
|---|---|---|
| accept | MIME_type | 指定服务器接受的内容类型,用逗号分隔列表。 |
| accept-charset | charset list | 指定服务器接受的字符编码列表。默认值为"unknown". |
| action | URL | 指定将处理表单的后端脚本的URI/URL |
| autocomplete |
on off |
指定表单应该打开还是关闭自动完成功能 |
| enctype | mimetypes | 用于编码表单内容的mime类型。 |
| method | get post |
指定提交表单时要使用的HTTP方法。 |
| name | form name | 为表单定义一个唯一的名称。 |
| novalidate |
novalidate | 指定提交时不应验证表单。 |
| target | _blank _self _parent _top |
定位以打开给定的URL。 _blank - 在新窗口中打开。 _self - 在当前窗口中打开。 _parent - 父框架集中打开。 _top - 在窗口的整个正文中打开。 |
事件属性
此标签支持HTML 中描述的所有事件属性。
浏览器支持
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |