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