项目8 在网页中使用表单.pptVIP

* 项目八 在网页中使用表单 情 境 设 置 大家都可能进行过网上购物，在网上购物时，你需要在网页填写或选择所购商品的信息，还要填写自己的个人信息（如地址等）。也有可能申请注册过某网站的会员，注册会员时也需要在网页上输入或选择一些信息。类似这些能输入信息的页面是如何制作的？这就要用到表单，利用表单可以设计出搜集各种信息的页面，这样的页面使得和浏览者的互动性更强。 项 目 展 示 本项目完成后的大体效果如下。（不要求大家做的和样张完全一样，但要尽量模仿） 项 目 目 标 能正确插入表单 能合理使用表单中的各种元素 能使用表格排版布局表单中的元素 理解表单的用途 项 目 分 析 具体工作任务： 制作一个网页，主题为“注册页面” 插入一个表单 插入表格，居中对齐，用来排版表单的元素，设置单元格的背景色美化页面 插入各种表单元素，实现搜集用户的不同信息 实 施 步 骤 步骤一：新建站点并建立网页 步骤二：插入表单 点击插入工具栏中【常用】按钮，把插入工具改为【表单】 注意：在插入任何其他表单元素前，都要先插入表单，表单相当于一个容器，可以容纳其他表单元素。 实 施 步 骤 步骤三：插入表格用于布局放置各个表单元素 布局如图所示 实 施 步 骤 步骤五：保存文件，预览最终效果 步骤四：插入各种表单元素 在布局表格的相应单元格中插入表单元素，效果如图 知 识 链 接 一、表单的用途 表单主要用来让用户在网页上输入数据， 搜集用户的各种信息。 表单被广泛应用在需要和用户互动的页面 中，如注册，留言板，网上调查等场合。 知 识 链 接 二、表单中的各种元素 表单中提供的元素可以以不同的方式实现用户数据的输入，我们可以根据不同的使用场合选择不同的元素。 表单中各个元素都有名称和值这两个基本的属性，并且可以在各元素的属性面板中设置。 知 识 链 接 表单中的元素主要有 文本字段和文本域 隐藏域 复选框 单选按钮和单选按钮组 列表/菜单 标签 文件域 按钮 图像域 知 识 拓 展 项目展示 知 识 拓 展 制作要点提示 建立页面文件“baoming.html” 插入一个表单 插入表格，利用表格排版布局页面 在表格的适当单元格中插入图片美化页面 在表格的适当单元格中设置背景图片美化页面 插入各种表单元素 小 结 本项目主要介绍了如何在网页中使 用表单搜集相关信息，并且要合理运用， 以达到用户方便的输入各种信息，快捷、 直接的与网页进行交互。