HTML表单属性有哪些（新手必看）

表单的主要功能是收集信息，具体来说是收集用户的信息。例如用户在网上注册一个账号，就必须按要求填写网站提供的表单网页的信息，如用户名、密码、联系方式等信息，如下图所示：


在网页中，最常见的表单形式主要包括文本框、复选框、按钮等。

表单是网页中的一个特定区域。这个区域是由一对<form>标记定义的。在<form>与</form>之间的一切内容都属于表单的内容。

每个表单元素都开始于 <form> 元素，其中可以包含所有的表单控件，还可以包含其他必需的伴随数据，例如控件的标签、处理数据的脚本或程序的位置等。在表单的 <form> 标记中，还可以设置表单的基本属性，包括表单名称、处理程序、提交方式等。

一般情况下，表单的 action属性 和 method 属性是必不可少的属性。

action属性

action属性指定处理表单提交数据的脚本文件。该脚本文件可以是JSP、ASP.NET或PHP脚本文件等。具体语法如下：

<form action="URL"> ... </form>

URL 表示表单提交的地址。

在使用 action 属性指定处理表单提交数据的脚本文件时，可以指定文件在 Web 服务器上的路径。该路径可以是绝对路径，也可以是相对路径。

name属性

表单名称属性 name 用于给表单命名。这个属性不是表单的必需属性，但是为了防止表单数据在提交到服务器处理程序时出现混乱，一般要为表单设置一个与表单功能相符的名称。

例如，登录的表单可以命名为 loginForm。不同的表单尽量用不同的名称，以避免出现混乱。具体语法如下：

<form name="form_name"> ... </form>

form_name 表示表单名称。

method属性

表单的提交方式 method 属性用来定义服务器从表单中获得数据的方式，可取值为 get 或 post，这两种取值决定了表单中已收集的数据是用什么方式提交到服务器的。

具体语法如下：

<form method="method"> ... </form>

method 表示提交方式，它的值可以为 get 或 post：

• method=get：使用这种方式提交表单时，表单数据会附加在 URL（Uniform Resource Locator，统一资源定位符）后，由客户端直接提交至服务器，所以该方式的速度会比post方式的速度快。该方式的缺点是数据长度不能太长，在没有指定 method 属性值的情况下，一般都会视 get 为默认值。
• method=post：使用这种方式提交表单时，表单数据是与 URL 分开提交的，客户端的计算机会通知服务器来读取数据，所以通常没有对数据长度的限制。该方式的缺点是速度会比 get 方式的速度慢。

enctype属性

表单的 enctype 性用于设置表单数据提交的编码方式。具体语法如下：

<form enctype="value"> ... </form>

value：取值如下表所示：

取值	描述
text/plain	以纯文本的方式编码
application/x-www-form-urlencoded	默认的编码方式
multipart/form-data	MIME（Multipurpose Internet Mail Extension，多用途互联网邮件扩展）编码，上传文件的表单必须选择该取值

target属性

target 属性用来指定目标窗口的显示方式。表单的目标窗口往往用来显示表单的返回信息，例如是否成功提交了表单的内容、是否出错等。

具体语法如下：

<form target="target_win"> ... </form>

target_win 的取值如下表所示：

取值	描述
_blank	将返回信息显示在新打开的浏览器窗口中
_parent	将返回信息显示在父级浏览器窗口中
_self	将返回信息显示在当前浏览器窗口中
_top	将返回信息显示在顶级浏览器窗口中