1、课堂讲解 上机实战 第11课 为网页添加表单 课堂讲解 创建表单 添加表单对象 美化表单 创建表单 建立表单 设置表单属性 建立表单 在Dreamweaver 8中,表单是用来输入数据或与网站进行交互的工具。可以将整个网页创建成一个表单网页,也可以在网页的部分区域中添加表单,其创建方法都相同。设置表单属性 将插入点定位到插入的表单中,打开属性面板可以对其属性进行设置。添加表单对象 认识表单对象 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组列表/菜单 跳转菜单 图像域 插入表单对象插入文本字段 插入隐藏域 文件域按钮 标签 字段集 插入文本区域 插入复选框 插入单选按钮 插入单选按钮
2、组 插入列表/菜单 插入图像域 插入文件域 插入按钮 文本字段 文本字段是最常见的表单对象之一,可以输入字母、数字、文本等类型的内容。文本可以是单行或多行显示,也可以以密码的方式显示,在这种情况下,输入文本将被替换为星号或项目符号,以避免旁观者看到这些文本,一般用作密码等项目。隐藏域 隐藏域用于存储用户输入的信息,但它并不会在网页上显示出来,只是为了向服务器提供一些数据。如输入一项电子邮件地址后,服务器就记住了该数据,下次访问时就不用再输入。文本区域 文本区域用来输入大段文本,与文本字段使用方式相同,也可以以密码的方式显示。复选框 复选框的标记是在选项前有符号 ,其允许同时选择多个选项。单选按
3、钮 在一组选项中只能选择一个选项,如在性别单选按钮组中选中了“男”单选按钮,再选中“女”单选按钮时,“男”单选按钮就会被撤消。单选按钮组 一组相关联的单选按钮,同样一次只能选择一个单选按钮。列表/菜单 “列表”指在一个下拉列表框中显示一些选项,可以从其中选择多个。“菜单”指在一个菜单中显示一些选项值,用户只能从中选择单个选项。跳转菜单 可跳转的列表或弹出菜单,可以用它插入一种菜单,这种菜单中的每个选项都可以链接到某个文档或文件。图像域 可以在表单中插入一个图像。图像域可用于制作图形化按钮,使按钮更美观、更独特。文件域 使用户可以浏览到本地电脑上的某个文件,并将该文件作为表单数据上传。按钮 在单
4、击时执行操作。通常这些操作包括提交或重置表单并可以为按钮添加自定义的名称或标签。标签 使用标签选择器将Dreamweaver 8标签库、ColdFusion标签库、ASP.NET标签库中的任何标签插入到页面中。字段集 表单元素逻辑组的容器标签。插入文本字段 根据文本字段的行数和显示方式可分为单行文本字段、多行文本字段和密码3种。插入隐藏域 隐藏域在浏览器上不显示。插入文本区域 插入文本区域的方法与插入文本字段方法相同,设置方法也相同。插入复选框 插入单选按钮 插入单选按钮组 插入单选按钮组方式可一次性插入多个单选按钮。插入列表/菜单 插入图像域 图像域用来将图像作为按钮。插入文件域 文件域与单行文本字段外型相似,只是在文本框右侧增加了一个“浏览”按钮,用于引用本地电脑上的文件作为表单内容。插入按钮 表单按钮在表单中用于控制表单的操作。美化表单 在Internet上的表单都很美观,所以在制作好表单之后,还需要对表单进行美化操作。上机实战 本课上机实战将制作一个论坛的注册页面。在练习过程中将用到创建表单、设置表单属性、添加表单对象和设置表单对象的属性等知识点。