HTML元素表示了文档中的一个区域，此区域包含有交互控制元件，用来向 Web 服务器提交信息。

浏览器支持

示例

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

first name:
last name:

定义和用法

标签创建供用户输入的表单。

表单可包含文本域，复选框，单选按钮等等。表单用于向指定的 URL 传递用户数据。

属性

• enctype当method属性值为post时，enctype 就是将表单的内容提交给服务器的MIME 类型。可能的取值有：
  • application/x-www-form-urlencoded：未指定属性时的默认值。
  • multipart/form-data：此值用于一个type属性设置为"file"的元素。
  • text/plain：(HTML5)

  

  此值可以被或者元素中的formenctype属性覆盖。

• method浏览器使用这种HTTP方式来提交表单。可能的值有：
  • post：指的是HTTPPOST 方法；表单数据会包含在表单体内然后发送给服务器.
  • get：指的是HTTPGET 方法；表单数据会附加在action属性的URI中，并以'?'作为分隔符，然后这样得到的 URI 再发送给服务器。如果这样做（数据暴露在 URI 中）没什么副作用，或者表单仅包含ASCII字符时，再考虑使用这种方法吧。
  • dialog：Use when the form is inside aelement to close the dialog when submitted.

  此值可以被、或元素中的formmethod属性覆盖。

• name表单的名称。在 HTML4 中，此用法不被推荐（作为替代，应该使用id）。HTML5中，一个文档中的多个表单当中，name必须唯一而不仅仅是一个空字符串。
• novalidateHTML5新增
  此布尔类型的属性指的是提交时表单是否处于未验证状态。如果此属性没有指定(因此此表单是验证通过的)，此默认设置可以被属于此表单的、或元素中的formnovalidate属性覆盖。
• target一个名字或者说关键字，用来指示在提交表单之后，在哪里显示收到的回复。在 HTML4 里，这是一个用于 frame 的名字/关键字。在 HTML5 里，这是一个用于browsing context 浏览器上下文的名字/关键字（举例来说，标签页，窗口，或者行内 frame）。如下的关键字含有特别的含义：
  • _self：在当前 HTML4 或 HTML5 文档页面重新加载返回值。是默认值。译注：也就是说，如果此文档在一个frame中的话，self是在当前frame（document）中重新加载的，而不是整个页面（window）。
  • _blank：以新的 HTML4 或 HTML5 文档窗口加载返回值。
  • _parent：在父级的 frame 中以 HTML4 或 HTML 5 文档形式加载返回值，如果没有父级的frame，行为和_self一致。
  • _top：如果是 HTML4 文档：清空当前文档，加载返回内容；HTML5：在当前文档的最高级内加载返回值，如果没有父级，和_self的行为一致。
  • iframename：返回值在指定中显示。

  HTML5：此值可以被、或元素中的formtarget属性覆盖。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中有一些新属性，同时不再支持 HTML 4.01 中的一些属性。

在 HTML 5 中有一个新属性：replace。它定义表单被提交后所做的事情。

例子

 name:
  
  




  name:
  
  




  
    title
    
    click me 

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com