36、设计网络表单：以 Red Ball Pizza 调查表单为例

设计网络表单：以 Red Ball Pizza 调查表单为例

1. 项目背景

在佛罗里达州奥蒙德海滩有一家颇受欢迎的披萨店 Red Ball Pizza，其经理 Alice Nichols 希望通过在餐厅网站上放置一个网络表单来对顾客进行在线调查。她希望表单能记录顾客信息以及他们对上次在餐厅用餐体验的看法，并且要包含不同工具以确保用户输入有效数据。表单填写完成后，信息将发送到 Red Ball 服务器进行处理和分析。

2. 学习目标

本次学习分为三个阶段，具体目标如下：

2.1 第一阶段（Session 7.1）

• 探索网络表单
• 了解表单服务器的使用
• 创建表单和字段集
• 创建标签和输入框
• 探索表单布局

2.2 第二阶段（Session 7.2）

• 处理日期和时间字段
• 创建选择列表
• 创建选项按钮
• 创建复选框和文本区域框

2.3 第三阶段（Session 7.3）

• 创建微调框和范围滑块
• 使用数据列表
• 创建表单按钮
• 验证表单
• 应用验证样式

3. 网络表单介绍

3.1 互动性网站与网络表单

之前创建的网站大多是被动的，用户只能通过超链接查看信息，无法直