插入表单元素.ppt

Dreamweaver网页制作 个人网站制作“访客信息”网页 　　作业： 1．总结“检查表单”行为可以检查的表单元素有哪些。 2．在运行“检查表单”时，必须先单击“提交”按钮吗？ 任务二 检查表单 1．启发思路： 使用“检查表单”对话框完成 2．分组完成任务。 　　相关知识： 1．当页面处于“设计”视图时，表单用红色虚线框表示，如果没有看见红色虚线框，可以勾选菜单栏“查看”→“可视化助理”→“不可见元素”选项。 。 任务一 插入表单 任务一 插入表单 2 ．表单属性面板参数介绍。 “表单名称”：标识表单的唯一名称，该名称可以在脚本语言中引用，不设置时，系统自动为表单命名为form+N。 “动作”：设置用于处理表单内提交信息的后台处理文件，一般常见的是ASP或PHP文件等。本例的sed.html表示提交表单后打开该网页。 “方法”：选择表单中数据向服务器发送的方法，包括“POST”和“GET”选项。“POST”方法将发送的数据嵌入在HTTP请求中，可以发送大量的数据；而“GET”方法将发送的数据附加到URL地址中，只能够发送少量的数据。 “MIME类型”：选择向服务器提交的数据类型所采用的编码处理方法，如果要通过“文件域”上传文件，需要选择“multipart/form-data”类型。 3. “插入”栏“表单”类别各按钮功能简介。 在制作包含表单的网页时，一般需要通过“表单”类别插入很多的表单元素。 “表单”按钮：向页面插入表单，网页中所有表单元素都必须插入在表单内，才能够使表单页面提交的所有数据被后台处理程序全部接收。表单在浏览器中是不可见的。 “文本字段”按钮：向页面插入文本字段，文本字段可以接受文本、字母或数字等内容，输入的内容可以显示为单行、多行或密码形式。 “隐藏域”按钮：向页面插入一个隐藏域，可以存储并提交非用户输入的信息，该信息对用户而言是隐藏的。 任务一 插入表单 “文本区域”按钮：是包含多行文本的输入元素，类似文本字段，默认显示有滚动条。 “复选框”按钮：复选框允许用户从一组选项中选择多个选项。 “单选按钮”按钮：单选按钮代表互相排斥的选择。多个单选按钮在同一页面中成组使用时，这些单选按钮必须使用相同的名称，以确保只能选中其中的一个。 “单选按钮组”按钮：弹出“单选按钮组”对话框，创建一组在 HTML 表单中使用的单选按钮。 “列表/菜单”按钮：在表单中插入一个列表或菜单，列表和菜单可以同时显示多项内容，用户可以从列表中选择多项内容，但只能从菜单中选择一项。 任务一 插入表单 “跳转菜单”按钮：插入用于跳转的列表或菜单。通过其中选项，实现将页面跳转到指定的 URL。 “图像域”按钮：使用图像作为“提交”按钮。 “文件域”按钮：在表单中插入文本框和“浏览”按钮。用户可以手动输入要上传的文件（如字处理文档或图形文件）的路径，也可以使用“浏览”按钮定位并选择文件。文件域要求使用“POST”方法将文件从浏览器传输到服务器。 “按钮”按钮：在表单中插入“提交”按钮、“重置”按钮或普通按钮。 “标签”按钮：在表单中插入标签。 “字段集”按钮：在表单中插入字段集。 任务一 插入表单 目录 上一页 下一页 退出 目录 上一页 下一页 返回 * * 　　任务描述：前面学习了网页制作的相关知识，已经知道，浏览者作为网站的用户，可以从网站了解相关信息，但是网站管理员如何通过网页获得浏览者的信息呢？在这个单元当中，将介绍使用表单来获得信息的基本方法，制作一个用于和用户进行交互的“访客信息”网页，效果如下图所示。 制作“访客信息”网页 任务一 插入表单 任务二 检查表单 制作“访客信息”网页 任务一 插入表单 任务描述：在页面中插入表单及表单元素制作“访客信息”页面。 任务分析：表单是网站与用户之间沟通的桥梁，其应用非常广泛，如制作访客信息、论坛、留言板、用户注册和在线交易等类型的网页。有了表单，网站不仅是信息提供者，同时也是信息获取者。因此，应用表单可以与Web站点的访问者进行交互。本任务通过向网页插入一个表单，然后使用表格对“访客信息”的各个表单元素进行布局，制作一个“访客信息”页面，学习表单页面制作的基本方法。 任务一 插入表单 自己动手： 1．建立本栏目目