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