HTML | 表单属性

介绍

HTML中的表单（form）是用户在浏览器中输入数据并提交到服务器端的主要方式。而表单属性则是用来控制和定制表单行为的特性。

在HTML4和HTML5中，表单属性很多，其中一些被视为废弃或不再被推荐使用。在本文中，我们将重点介绍HTML5中最常用的表单属性。

属性列表

action

该属性指定表单提交的URL。当用户提交表单时，浏览器会向该URL发送HTTP POST请求，并将表单数据作为请求体发送过去。

<form action="/submit" method="post">
  <!-- 表单内容 -->
</form>

method

该属性指定表单提交的HTTP方法，可以是"get"或"post"。默认值是"get"。当使用"get"方法提交表单时，表单数据会附加在URL之后，形成查询字符串；当使用"post"方法时，表单数据会作为请求体发送过去。

<form action="/submit" method="post">
  <!-- 表单内容 -->
</form>

autocomplete

该属性指定表单是否启用自动完成。该属性的值可以是"on"或"off"。如果设为"off"，则浏览器不会自动填充表单字段。

<form autocomplete="off">
  <!-- 表单内容 -->
</form>

target

该属性指定表单提交后响应的窗口或框架。默认情况下，提交后会在当前窗口打开响应页面；但如果指定了target属性，响应则会在该属性所指定的目标窗口或框架中打开。

<form target="_blank">
  <!-- 表单内容 -->
</form>

enctype

该属性指定表单数据的编码类型。常用的值有"application/x-www-form-urlencoded"和"multipart/form-data"。前者将表单数据编码为查询字符串，而后者则可以用来上传文件等二进制数据。

<form enctype="multipart/form-data">
  <!-- 表单内容 -->
</form>

novalidate

该属性指定表单是否禁用浏览器内置的表单验证功能。默认情况下，浏览器会检查表单字段的值是否符合输入要求；但如果设为"novalidate"，则浏览器不会做任何验证。

<form novalidate>
  <!-- 表单内容 -->
</form>

name

该属性指定表单的名称。一般情况下，我们可以省略该属性，但在JavaScript中操作表单时，需要通过该属性来引用表单。

<form name="myform">
  <!-- 表单内容 -->
</form>

总结

表单属性是控制和定制表单行为的关键。熟练掌握表单属性，可以让我们在开发中更加自如地控制表单行为，提高开发效率。本文重点介绍了HTML5中最常用的表单属性，包括action、method、autocomplete、target、enctype、novalidate和name等。