HTML表单用于搜集不同类型的用户输入。

<form>元素

HTML表单用于搜集用户输入。

<form>元素定义HTML表单

实例：

HTML 表单包含表单元素

表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等等。

<input>元素

<input>元素是最重要的表单元素。

<input>元素与很多形态，根据不同的type属性。

这是本章中使用的类型：

文本输入

<input type= "text">定义用于文本输入的单行输入字段

实例：

运行效果：

单选按钮输入

<input type="radio">定义单选按钮。

单选按钮允许用户在有限数量的选项中选择其中之一：

实例:

运行结果：

提交按钮

<input type="submit">定义用于向表单处理程序（form-handler）提交表单的按钮。

表单处理程序通常包含用来处理输入数据的脚本的服务器页面。

表单处理程序在表单的action属性中指定

实例：

运行效果：

Input Type:checkbox

<input type="checkbox">定义复选框。

复选框允许用户在有限数量的选项中选择零个或多个选项。

实例:

运行效果：

Action 属性

action属性定义在提交表单执行的动作。

向服务器提交表单的通常做法是使用提交按钮

通常，表单会被提交到web服务器上的网页。

在上面的例子中，指定了某个服务器脚本来处理被提交表单

Method 属性

method属性规定在提交表单时所用的HTTP方法（GET 或 POST）：

何时使用GET？

您能够使用GET（默认方法）：

如果表单提交时被动的（比如搜索引擎查询）,并且没有敏感信息。

当您使用GET时，表单数据在页面地址栏中是可见的：

如何使用POST

如果表单正在更新数据，或者包含敏感信息（例如密码）。

POST的安全性更大，因为在页面地址栏中被提交的数据是不可见的。

Name 属性

如果要正确得被提交，每个输入字段必须设置一个name属性。

本例只会提交“Last name”输入字段：

实例：

运行效果：

用<fieldset>组合表单数据

<fieldset>组合表单数据中的相关数据

<legend>元素为<fieldset>元素定义标题

实例：

运行效果：

HTML Form 属性

HTML元素，已设置所有可能的属性，是这样的：

下面是<form>属性的列表：