目录:
视频: 網頁前端工程入門：CSS 表格樣式 - 詳細使用介紹 By 彭彭 2025
表单允许您从网站访问者处获取输入。从访问者捕获输入允许您修改页面上的现有内容。例如，航空公司网站上的价格和日期过滤器可以更快地找到所需的航班。您也可以存储输入供以后使用。
例如，网站可以使用注册表单来收集您的电子邮件，用户名和密码信息，以便日后可以访问。
<！ - 1 - >了解表单的工作方式
表单通过使用以下过程将用户输入的信息传递给服务器：
-
浏览器在客户机上显示表单。
-
用户完成表单并按提交按钮。
-
浏览器将从表单收集的数据提交给服务器。
-
服务器处理并存储数据，并向客户机发送响应。
-
浏览器显示响应，通常表示提交是否成功。现在，您只需要知道服务器端编程语言（如Python，PHP和Ruby）就可以编写接收和存储表单提交的脚本。
表单非常灵活，可以记录各种用户输入。表单中使用的输入字段可以包括自由文本字段，单选按钮，复选框，下拉菜单，范围滑块，日期，电话号码等。此外，输入字段可以设置为初始默认值，无需任何用户输入。
<！ - 999 - >
所选表单属性| 可能值 | 描述 | 类型 |
|---|---|---|
| 复选框 | 电子邮件
提交 文本 密码 radio （为简洁起见，此处省略了完整的值列表） 定义要在表单中显示的输入字段的类型。对于 |
例如，文本用于自由文本字段，提交用于
创建一个提交按钮。 值 |
| 文本 | 输入控件的初始值。 | 创建基本表单 |
通过
创建基本表单。使用表单元素定义表单。
-
首先添加一个开始标记和结束标记。
使用action属性，在表单元素中指定发送表单数据的位置。
-
将action属性添加到您的开始标记中，并将其设置为将处理和存储用户输入的脚本的URL。
使用方法属性，在表单元素中指定如何发送表单数据。
-
将方法属性添加到您的开始标记并将其设置为等于POST。
方法属性设置为等于GET或POST。通常，POST用于存储敏感信息（例如信用卡号码），而GET用于允许用户将提交表单的结果（例如，航空公司航班列表）用书签或与他人共享。为用户提供输入和提交输入元素响应的方法。
在开始和结束标记之间，创建一个标记。
-
您的表单将只有一个开始和结束标记;但是，您将至少有两个标签来收集和提交用户数据。
使用input元素中的type属性指定输入类型。
在本例中，将type属性设置为“text”。
-
标签没有结束标签，这是“关闭您打开的每个标签”规则的例外情况。这些标签被称为自闭标签。
最后，创建另一个标签并将type属性设置为等于submit。
以下示例代码显示了创建所显示表单的语法。
-
此表单中的操作属性设置为等于mailto，它将向浏览器发送使用默认邮件客户端（如Outlook或Gmail）发送电子邮件的信号。如果您的浏览器未配置为处理电子邮件链接，则此表单不起作用。通常情况下，表单被提交给服务器来处理和存储表单的内容，但在这个例子中，表单的内容被提交给用户的电子邮件应用程序。
