Dreamweaver 8中文版网页制作第15讲制作网页表单.pptVIP

* * Dreamweaver 8 中文版网页制作基础 主讲人 第十五讲 制作网页表单 1、认识表单 2、应用表单 1、认识表单 1．什么是表单 2．表单对象 3．表单属性 4．插入表单 5．插入表单对象 1.1. 什么是表单 表单 是网页访问者与站点进行信息传递、互动交流的工具，它一般以窗体的形式存在页面中。表单依靠具体的表单对象收集信息，表单对象包含多种类型，如文本框、文本区域、按钮、单选框、复选框、列表/菜单等，访问者可以在表单对象内输入或者选择信息，然后通过按钮将信息提交给网站，网站对信息再进行处理。 如右图所示，展示了表单在留言簿页面中的一个应用实例，其中使用了表单对象有文本框、文本区域、列表/菜单、按钮。 1.2．表单对象 【表单】插入栏列出了具体的表单对象，如上图所示。 “表单”：可在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。　　 “文本域”：可在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。　　 “复选框”：可在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。　　 “单选按钮”：可在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。　　 “单选按钮组” ：可插入共享同一名称的单选按钮的集合。　　 “列表/菜单”：可使用户可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项。　　 “跳转菜单”：插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。　　 “图像域”：可使用户可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。　　 “文件域”：可在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。　　 “按钮”：可在表单中插入文本按钮。按钮在单击时执行任务，如提交或重置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。　　 “标签”：可在文档中给表单加上标签，以 label /label形式开头和结尾。　　 “字段集”：可在文本中设置文本标签。 1.3．表单属性 表单属性的各项意义如下： 【表单名称】文本框：设定表单的名称，可用于程序的调用。 【动作】文本框：可以输入一个URL地址，指向要处理表单数据的程序文件。 【方法】选项框：选择表单数据的发送方式。“默认”方法使用浏览器的默认设置将表单数据发送到服务器。通常，“默认”方法为“GET”方法。“GET” 方法将值附加到请求该页面的 URL 中。“POST”方法将在 HTTP 请求中嵌入表单数据。不要使用“GET”方法发送长表单。URL 的长度限制在 8192 个字符以内，如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。并且在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用“GET”方法，用“GET”方法传递信息不安全。 【目标】选项框：可以选择在哪个目标位置打开新页面。 【MIME类型】选项框：指定表单数据采用什么样的编码类型提交给服务器。 1.4．插入表单 操作：将【常用】插入栏切换到【表单】插入栏 ，然后单击【表单】插入栏上的表单按钮，即可在编辑窗口添加表单 ，如下图所示。 1.5．插入表单对象 操作：首先插入一个表单，然后将鼠标光标置于表单域内，单击【表单】插入栏上的表单对象按钮即可，如下图，插入一个按钮表单对象。 2、 应用表单 2.1 表单使用 2.2 文本区域 2.3 单选按钮 2.4 列表/菜单 2.5 访客留言页面 2.6 用户这册页面 2.1．表单使用 对于网页中的表单，用户可以根据需要调整它的布局，例如可以使用换行符、段落标记、预格式化的文本或表来设置表单的格式。使用表格为表单对象和域标签提供结构是比较常用的一种调整表单布局的方法。当在表单中使用表格时，请确保所有的 table 标签都位于两个 form 标签之间。需要注意的是不能将一个表单插入到另一个表单中，即标签不能交迭，但是可以在一个页面中包含多个表单。 2.2．文本域表单 【文