北京市职业院校网页制作教程（主编齐建玲-水利水电第二版）教案：第8章 网页表单的处理 .PPTVIP

通过本章学习，应该掌握以下内容： 认识网页表单 利用Dreamweaver 8创建表单的方法 利用Dreamweaver 8编辑表单的方法 利用HTML和FrontPage 2003处理网页表单的方法;8.1 利用FrontPage 2003处理表单 ; 为了制作好复杂的表单网页，FrontPage 2003提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。这些表单域具有以下各自不同的功能： （1）文本框：文本框用来输入比较简单的信息，如上图网页中的“用户名”、“密码”、“生日”等。 （2）文本区：如果需要输入建议、需求等大段文字，使用文本框就显得力不从心了，这时通常使用带有滚动条的文本区。 ; （3）单选按钮：单选按钮常用于表示唯一的选择结果。 （4）复选框：复选框常用来表示许多项可以同时选中的事物，比如个人爱好、所学科目和选购的产品种类等。 （5）下拉列表框：当需要选择职业、文化程度等事项时，除了文本区以外，还可以考虑使用下拉列表框。 （6）提交按钮和重置按钮：当用户完成了表单的填写后，如果需要提交数据，则可以单击表单中的提交按钮；如果希望恢复表单为填写前的状态，以便重新填写，则可以单击重置按钮 ; （1）使用向导和模板创建表单 应用向导创建表单方法比较简单，只要按照向导提示一步一步地执行就可以，但这样创建的表单不一定完全令自己满意，还需进行大量的修改工作。 （2）手动创建表单 手动插入表单时，FrontPage 2003会插入一个带虚线边框的矩形区域，其中包含一个“提交”按钮和一个“重置”按钮。在此矩形区域内，可以添加文本框、选项按钮、复选框和下拉列表框等。; 1. 修改表单 ① 删除不必要的域 如果是手动创建的表单，删除不必要的域的方法很简单，只需将选中需要删除的域，单击Delete键即可。 ② 修改文本框的宽度 在FrontPage 2003中修改文本框的宽度有以下两种方法： ; 鼠标拖动法 用鼠标选中要修改文本框，选中状态下的文本框被6个小方框包围起来，拖动其中的小方框就可以改变文本框的宽度。 精确设置法 用鼠标选中要修改文本框，然后单击右键，从弹出的快捷菜单中选择“表单域属性”命令，弹出“文本框属性”对话框。在“宽度”文本框中输入精确数值，然后单击“确定”按钮。; 2. 设置背景颜色 因为表单是以表格的形式创建的，所以可以通过设置表格的背景颜色来设置表单的背景颜色。; 4. 设置密码域属性 在填写表单时，填写的某些内容会以“*”表示，这是为了防止输入的某些重要内容被其他人偷看。要想为表单加上此功能，只要在“文本框属性”对话框里的“密码域”选项组中选择“是”按钮即可。 ; 访问者填写完表单内容后发送出去，发送后的表单结果要存放在某一位置。表单结果存放的位置是由表单属性指定的。; 利用HTML也可以创建表单，这样创建的表单通常由两类元素构成，一是普通的页面元素，例如表格、图像、文字等，二是用于接收信息的特定页面元素，也就是所谓的表单控件。控件是表单中用于接收用户输入或处理的元素，典型的控件有：文本框、复选框、单选框、选项菜单等。 ; HTML中表单标记符为FORM，其主要作用是设定表单的起止位置，并指定处理表单数据程序的URL地址。其基本语法结构如下： FORM action= URL method= GET/POST /FORM 其中Action用于设定处理表单数据程序URL的地址。 method指定数据传送到服务器的方式。有两种主要的方式，当method=GET时，将输入数据加在action指定的地址后面传送到服务器；当method=POST时则将输入数据按照HTTP输送协议中的POST传输方式传送到服务器。 ; INPUT是表单输入标记符，在表单创建中使用频繁，大部分表单内容需要用到此标记符。其语法如下： INPUT type=text/textarea/password/checkbox/radon /submit/reset/file/hidden/image/button 各项的意义是： type：text表示输入单行文本。 type：textarea表示输入多行文本。 type：password表示输入数据为密码，用“*”表示。 ;type：che