CH8网页表单的处理.pptVIP

8.1 利用FrontPage 2003处理表单 在表单中选择复选框后，其属性面板的显示与单选按钮属性面板基本相同（只是图标不同）。但在给复选框命名时，要注意复选框与单选按钮命名的区别。单选按钮是以“组”为单位的，而复选框则是以“个”为单位的，所以每一个复选框的名称都不应该相同。 （2）设置复选框的属性 5. 下拉列表框 （1）插入下拉列表框 要在表单中插入下拉列表框，应按如下步骤进行： 1）将光标定位在表单中适当位置，输入提示信息。 2）单击插入“表单”面板上的图标 ，或选择“插入”|“表单”|“列表/菜单”命令，则在表单中出现下拉列表框的框架；选中该下拉列表框，属性面板变成下拉列表属性面板，如图所示； 3）选择“类型”为“列表”，单击属性面板上的“列表值”按钮（确保下拉列表框处于选择状态），弹出“列表值”对话框，如图所示。 4）在“列表值”对话框的“项目标签”下输入要在列表框中显示的内容，在“值”下输入与显示内容相应的值（传送到服务器中的即为该值），即可为列表框加入显示的内容。 * * 通过本章学习，应该掌握以下内容： 认识网页表单 利用Dreamweaver 8创建表单的方法 利用Dreamweaver 8编辑表单的方法 利用HTML和FrontPage 2003处理网页表单的方法 第8章 网页表单的处理 表单是用来收集浏览者的用户名、密码、E-mail地址、个人爱好和联系地址等用户信息的输入区域集合。浏览者填表单的方式一般是输入文本、选择单选按钮与复选框，以及从下拉框中选择选项等。在填好表单后，浏览者应该提交所输入的数据，这些数据会根据网页设计者设置的表单处理程序，以各种不同的方式进行处理。 8.1.1 创建表单 1．表单概述 为了制作好复杂的表单网页，FrontPage 2003提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。这些表单域具有以下各自不同的功能： （1）文本框：文本框用来输入比较简单的信息，如上图网页中的“用户名”、“密码”、“生日”等。 （2）文本区：如果需要输入建议、需求等大段文字，使用文本框就显得力不从心了，这时通常使用带有滚动条的文本区。 （3）单选按钮：单选按钮常用于表示唯一的选择结果。 （4）复选框：复选框常用来表示许多项可以同时选中的事物，比如个人爱好、所学科目和选购的产品种类等。 （5）下拉列表框：当需要选择职业、文化程度等事项时，除了文本区以外，还可以考虑使用下拉列表框。 （6）提交按钮和重置按钮：当用户完成了表单的填写后，如果需要提交数据，则可以单击表单中的提交按钮；如果希望恢复表单为填写前的状态，以便重新填写，则可以单击重置按钮 （1）使用向导和模板创建表单 应用向导创建表单方法比较简单，只要按照向导提示一步一步地执行就可以，但这样创建的表单不一定完全令自己满意，还需进行大量的修改工作。 （2）手动创建表单 手动插入表单时，FrontPage 2003会插入一个带虚线边框的矩形区域，其中包含一个“提交”按钮和一个“重置”按钮。在此矩形区域内，可以添加文本框、选项按钮、复选框和下拉列表框等。 2．创建表单 1. 修改表单 ① 删除不必要的域 如果是手动创建的表单，删除不必要的域的方法很简单，只需将选中需要删除的域，单击Delete键即可。 ② 修改文本框的宽度 在FrontPage 2003中修改文本框的宽度有以下两种方法： 8.1.2 编辑表单 鼠标拖动法 用鼠标选中要修改文本框，选中状态下的文本框被6个小方框包围起来，拖动其中的小方框就可以改变文本框的宽度。 精确设置法 用鼠标选中要修改文本框，然后单击右键，从弹出的快捷菜单中选择“表单域属性”命令，弹出“文本框属性”对话框。在“宽度”文本框中输入精确数值，然后单击“确定”按钮。 2. 设置背景颜色 因为表单是以表格的形式创建的，所以可以通过设置表格的背景颜色来设置表单的背景颜色。 3. 设置光标顺序 在填写表单时，使用键盘上的“Tab”键，就可以在各项之间进行切换。这里的“Tab”键顺序就是给各个表单域编上序号，访问者在按下“Tab”键时，光标的插入点就会按着“Tab”键顺序移动。而“Tab”键顺序是在各属性对话框中设置的