当前位置:首页>HTML>HTML标签>HTML <form> 标签

HTML <form> 标签

作者:微学网发布时间:2019-08-28 13:38:53

示例

带有两个输入字段和一个提交按钮的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>元素包含一个或多个如下的表单元素:

  • <input>

  • <textarea>

  • <button>

  • <select>

  • <option>

  • <optgroup>

  • <fieldset>

  • <label>

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

HTML 4.01和HTML5之间的差异

HTML5添加了两个新属性:autocomplete和novalidate,并删除了accept属性。

HTML和XHTML之间的差异

在XHTML中,不推荐使用name属性。请改用全局id属性。

属性

html5= HTML5中的新功能。

属性 描述
accept file_type HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charset character_set 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocompletehtml5 on
off
规定是否启用表单的自动完成功能。
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method=”post” 的情况)
method get
post
规定用于发送表单数据的 HTTP 方法。
name text 规定表单的名称。
novalidatehtml5 novalidate 如果使用该属性,则提交表单时不进行验证。
target _blank
_self
_parent
_top
规定在何处打开 action URL。

全局属性

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

事件属性

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

亲自尝试 - 例子

带有复选框
的表单带有两个复选框的表单和一个提交按钮。

带有radiobuttons
的表单带有两个单选按钮的表单和一个提交按钮。

相关页面

HTML教程:HTML表单和输入

HTML DOM参考:表单对象

CSS教程:样式表单

默认CSS设置

大多数浏览器将使用以下默认值显示<form>元素:

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