第12章 网页表单的处理.PPT

表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，被广泛用于各种信息的搜集和反馈。通过本章学习，应该掌握以下内容： 认识网页表单 创建表单的方法 编辑表单 保存表单 ;12.1 利用FrontPage 2003处理表单 ;（5）下拉列表框：当需要选择职业、文化程度等事项时，除了文本区以外，还可以考虑使用下拉列表框。 （6）提交按钮和重置按钮：当用户完成了表单的填写后，如果需要提交数据，则可以单击表单中的提交按钮。如果希望恢复表单为填写前的状态，以便重新填写，则可以单击重置按钮。 2．创建表单 在FrontPage 2003中可以通过应用向导创建表单，也可以自己手动创建表单。 8.1.2 编辑表单 1．修改表单 （1）删除不必要的域 如果是手动创建的表单，删除不必要的域的方法很简单，只需将选中需要删除的域，单击Delete键即可。;（2）修改文本框的宽度 ① 鼠标拖动法 用鼠标选中要修改文本框，选中状态下的文本框被6个小方框包围起来，拖动其中的小方框就可以改变文本框的宽度。 ② 精确设置法 选中要修改文本框，单击右键，从弹出的快捷菜单中选择“表单域属性”命令，弹出“文本框属性”对话框，在“宽度”文本框中输入精确数值，然后单击“确定”按钮。 （3）修改域标题 在表单中修改域标题也很容易，只要用鼠标选中要更改的域标题，然后直接输入所需的域标题即可。 2．设置表单的背景颜色 3．设置光标顺序 在填写表单时，使用键盘上的“Tab”键，就可以在各项之间进行切换。 “Tab”键顺序是在各属性对话框中设置的。 ; 4．设置密码域属性 在填写表单时，填写的某些内容会以“*”表示，这是为了防止输入的某些重要内容被其他人偷看。要想为标单加上此功能，只要在“文本框属性”对话框里的“密码域”选项组中选择“是”按钮即可。 12.1.3 保存表单结果 访问者填写完表单内容后发送出去，发送后的表单结果要存放在某一位置。表单结果存放的位置是由表单属性指定的 。 在测试表单时，单击“注册”按钮后，浏览器会自动调出一个确认表单页面，其提示信息均为英文。表单的确认页面也可以自己设置，在浏览时让浏览器将自设的确认页面调出。;12.2 处理网页表单的其他方法 12.2.1 利用HTML处理表单 利用HTML也可以创建表单，这样创建的表单通常由两类元素构成，一是普通的页面元素，二是表单控件。 1．表单标记符 HTML中表单标记符为FORM，其主要作用是设定表单的起止位置，并指定处理表单数据程序的URL地址。 2．表单输入标记符 INPUT是表单输入标记符，在表单创建中使用频繁，大部分表单内容需要用到此标记符。 3．控件定义方法 （1）文本框和口令框 创建单行文本框的基本语法如下： INPUT type=text name= value= size= maxlength= ;（2）复选框与单选按钮 创建复选框和单选框也是使用INPUT标记符，语法分别如下： INPUT type=checkbox name= value= ，（checked） INPUT type=radio name= ，value= ，（checked） （3）按钮 创建提交按钮、重置按钮和自定义按钮的语法分别如下： INPUT type=submit value= name= INPUT type=reset value= name= INPUT type=button value= name= （4）多行文本框（文本区） 创建多行文本框的格式如下： TEXTAREA name= rows= cols= 默认多行文本／TEXTAREA （5）选项菜单 要创建选项菜单应使用SELECT标记符，并将每个可独立选取的项用一个OPTION标记符标出来。 ;12.2.2 利用Dreamweaver MX处理表单 Dreamweaver MX提供了大量的表单元素。将插入面板切换到“表单”类下，即可看到各种表单元素。 1．插入文本框 （1）创建空白表单 首先要将光标移到网页需插入表单的位置，再单击插入“表单”面板上