使用HTML填写表格

表单允许您从网站访问者处获取输入。从访问者捕获输入允许您修改页面上的现有内容。例如，航空公司网站上的价格和日期过滤器可以更快地找到所需的航班。您也可以存储输入供以后使用。

例如，网站可以使用注册表单来收集您的电子邮件，用户名和密码信息，以便日后可以访问。

<！ - 1 - >

了解表单的工作方式

表单通过使用以下过程将用户输入的信息传递给服务器：

1. 浏览器在客户机上显示表单。

2. 用户完成表单并按提交按钮。

3. 浏览器将从表单收集的数据提交给服务器。

4. 服务器处理并存储数据，并向客户机发送响应。

5. 浏览器显示响应，通常表示提交是否成功。现在，您只需要知道服务器端编程语言（如Python，PHP和Ruby）就可以编写接收和存储表单提交的脚本。

表单非常灵活，可以记录各种用户输入。表单中使用的输入字段可以包括自由文本字段，单选按钮，复选框，下拉菜单，范围滑块，日期，电话号码等。此外，输入字段可以设置为初始默认值，无需任何用户输入。

<！ - 999 - >

所选表单属性 属性名称

可能值	描述	类型
复选框	电子邮件 提交 文本 密码 radio （为简洁起见，此处省略了完整的值列表） 定义要在表单中显示的输入字段的类型。对于	例如，文本用于自由文本字段，提交用于 创建一个提交按钮。 值
文本	输入控件的初始值。	创建基本表单

通过

创建基本表单。使用表单元素定义表单。

1. 首先添加一个开始标记和结束标记。

   使用action属性，在表单元素中指定发送表单数据的位置。

2. 将action属性添加到您的开始标记中，并将其设置为将处理和存储用户输入的脚本的URL。

   使用方法属性，在表单元素中指定如何发送表单数据。

3. 将方法属性添加到您的开始标记并将其设置为等于POST。

   方法属性设置为等于GET或POST。通常，POST用于存储敏感信息（例如信用卡号码），而GET用于允许用户将提交表单的结果（例如，航空公司航班列表）用书签或与他人共享。为用户提供输入和提交输入元素响应的方法。

   在开始和结束标记之间，创建一个标记。

4. 您的表单将只有一个开始和结束标记;但是，您将至少有两个标签来收集和提交用户数据。

   使用input元素中的type属性指定输入类型。

   在本例中，将type属性设置为“text”。

5. 标签没有结束标签，这是“关闭您打开的每个标签”规则的例外情况。这些标签被称为自闭标签。

   最后，创建另一个标签并将type属性设置为等于submit。

   以下示例代码显示了创建所显示表单的语法。

6. 此表单中的操作属性设置为等于mailto，它将向浏览器发送使用默认邮件客户端（如Outlook或Gmail）发送电子邮件的信号。如果您的浏览器未配置为处理电子邮件链接，则此表单不起作用。通常情况下，表单被提交给服务器来处理和存储表单的内容，但在这个例子中，表单的内容被提交给用户的电子邮件应用程序。