创建表单

在HTML5中，<form></form>标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，<form></form>中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称">
    ​    各种表单控件

</form>

在上面的语法中，<form>与</form>之间的表单控件是由用户自定义的，action、method和name为表单标签<form>的常用属性，分别用于定义url地址、表单提交方式及表单名称，具体介绍如下。

1. action属性

在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。例如：

<form action="form_action.asp">  

表示当提交表单时，表单数据会传送到名为"form_action.asp" 的页面去处理。

action的属性值可以是相对路径或绝对路径，还可以为接收数据的E-mail邮箱地址。例如：

<form action=mailto:htmlcss@163.com>

表示当提交表单时，表单数据会以电子邮件的形式传递出去。

2. method属性

method属性用于设置表单数据的提交方式，其取值为get或post。在HTML中，可以通过<form>标签的method属性指明表单处理服务器数据的方法，示例代码如下：

<form action="form_action.asp" method="get">

在上面的代码中，get为method属性的默认值，采用get方法，浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据。

如果采用post方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与action属性中指定的表单处理服务器建立联系，然后，浏览器按分段传输的方法将数据发送给服务器。

另外，采用get方法提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。而post方式的保密性好，并且无数据量的限制，所以使用method="post"可以大量的提交数据。

3. name属性

表单中的name属性用于指定表单的名称，而表单控件中具有name属性的元素会将用户填写的内容提交给服务器。创建表单的示例代码如下：

<form action="http://www.mysite.cn/index.asp" method="post" name="biao">  <!--表单域-->

​    账号：    <!--提示信息-->

  <input type="text" name="zhanghao" />          <!--表单控件-->

  密码：    <!--提示信息-->

  <input type="password" name="mima" />          <!--表单控件-->

  <input type="submit" value="提交"/>            <!--表单控件-->      

</form>

上述示例代码即为一个完整的表单结构，其中<input>标签用于定义表单控件，对于该标签以及标签的相关属性，在后面会具体讲解，这里了解即可。示例代码对应效果如图1所示。

图1 创建表单