Internet应用第8章.pptVIP

第8章 使用表单 8.1更改站点设置 8.1更改站点设置 8.1更改站点设置 8.1更改站点设置 8.1更改站点设置 8.1更改站点设置 8.2创建表单网页 8.2.1单行文本 8.2.1单行文本 8.2.1单行文本 8.2.1单行文本 8.2.2多行文本 8.2.2多行文本 8.2.3单选按钮 8.2.3单选按钮 8.2.4复选按钮 8.2.4复选按钮 8.2.5下拉列表 8.2.5下拉列表 8.2.5下拉列表 8.2.6按钮 8.2.6按钮 8.3创建留言簿 8.3.1创建留言簿 8.3创建留言簿 8.3.1创建留言簿 8.3.2提交表单信息 8.3.2提交表单信息 8.3.2提交表单信息 8.3.2提交表单信息 8.4验证表单内容 8.4验证表单内容 8.4验证表单内容 8.4验证表单内容 8.4验证表单内容 8.4验证表单内容 8.4验证表单内容 小结 ⑵重复上述步骤，选中“电子邮件地址”文本框，将“属性”面板中“文本域”下面的名称为：email，如图所示。 ⑶重复上述步骤，选中“留言内容”多行文本框，将“属性”面板中“文本域”下面的名称为：liuyan，如图所示。 ⑷选中任意一个表单对象，单击“设计”面板下“行为”选项卡中的 按钮，在弹出的菜单中选择“检查表单” ，如图所示。 ⑸在“检查表单”对话框中，选中“文本‘name’在表单‘form1’”，选中“值”为“必需的”，可接受为“任何东西” ，如右图所示。 ⑹在“检查表单”对话框中，选中“文本‘email’在表单‘form1’”，选中“值”为“必需的”，可接受为“电子邮件地址” ，如右图所示。 在WWW上浏览时，常常会看到一些网页具有留言簿，它方便了浏览者与主页制作者之间的交流，实现了网页的互动性。留言薄等功能可以采用表单来实现。 表单是用来收集站点访问者信息的域集，可实现网页与浏览者的交互，达到收集浏览者输入信息的目的。它往往采用单选按钮、复选框、下拉选项按钮等方式收集信息，这样减少了浏览者的文本输入，而且有利于数据的收集和反馈，尽可能地为浏览者提供方便。 表单必须依赖于服务器端脚本才能真正发挥其功能，由于我们在建立站点时没有采用服务器设置，所以在应用表单之前，我们应该先更改站点内的设置，使它支持ASP技术。 ⑴在Dreamweaver中打开网站，单击菜单栏上的“站点”，在弹出的菜单中选择“编辑站点”命令，如左图所示。 ⑵在“编辑站点”对话框中选中要编辑的站点“青岛杰力电子工程有限公司”，单击 按钮，如右图所示。 ⑶在“青岛杰力电子工程有限公司的站点定义为”对话框中，单击“高级”选项卡，在对话框左侧选择“测试服务器” ，如左图所示。 ⑷在“测试服务器”区域，单击“服务器类型”文本框右边的 按钮，在下拉选项中选择“Asp JavaScript”，最后单击“确认”按钮，关闭该对话框，如下图所示。 ⑸在返回的“编辑站点”对话框中，单击“完成” 按钮，关闭该对话框，如下图所示。 ⑹在Dreamweaver右侧的浮动面板区域中，选择“文件”下的“站点”选项卡，显示站点下的所有文件。选择其中的网页文件“liuyanbu.htm”,右击鼠标，在弹出的快捷菜单中选择“重命名”，将文件名更改为“liuyanbu.asp” ，如右图所示。 ⑺改名完成后，弹出“更新文件”对话框。这是系统提醒我们，由于网页文件改名后，与之相链接的网页文件都要更改。我们只要单击“更新”按钮即可，如下图所示。 ⑻双击网页文件“liuyanbu.asp”,在编辑区将文件打开，可以发现虽然文件类型已经更改，但内容与原来的制作没有区别，如右图所示。 表单是网页设计者与浏览者之间沟通的桥梁，其应用范围非常广泛。例如制作留言簿、讨论区、搜索界面以及订单等。当你在网上浏览时，可以发现，留言簿几乎成了任何网页的“标准配置”。要想制作一个个性鲜明、功能丰富的留言簿需要使用表单、数据库等多种对象综合使用。在此，我们只是用表单制作一个简单的留言簿。 Dreamweaver MX提供了大量的表单标签，在“插入”浮动面板上选择“表单”选项卡，你即可看到各种表单标签，使用这些表单标签就可以制作一个简单的留言簿。 ⑴在Dreamweaver中打开网页“liuyanbu.asp”，单击“插入” 面板中的“表单”选项卡，将其打开，如右图所示。 ⑵单击“插入”面板中的