第九讲表单网页制作.ppt

第9章 表 单 9.1 插入表单域 利用表单，Internet服务器可以从用户处收集信息，如收集用户资料、获取用户定单，有哪些信誉好的足球投注网站接口、留言簿等。 表单中有文本框、单选按钮、复选框、下拉列表、按钮等，称这些元素为表单对象，有时候也称作控件。将具有相互联系的、能完成一定功能的表单对象的集合称为表单域，有时也简称表单。一个网页中可以有多个表单域。 网页制作人员在网页上制作表单，用户浏览时可以填写表单，然后单击一个发送按钮将表单（填写的内容）发送给WEB服务器，服务器可以处理表单并提供给管理人员查看。这里要介绍的实际上是第一步：在网页上制作表单。 在Dreamweaver中，要添加表单对象，首先要创建表单域。由于表单域属于不可见元素，因此，如果希望在屏幕上显示表单域，可以执行View|Invisible Elements命令，激活Dreamweaver的不可见元素。 9.1.1 插入表单域 【例9.1】插入表单域 ① 将插入点放置到要添加表单的地方； ② 打开Forms（表单）表单对象面板（图9.1）； ③ 单击对象面板上的Insert Form（插入表单）按钮，或是将该按钮直接拖动到文档窗口中希望创建表单的位置上，即可构建表单域。也可以通过执行Insert|Form（插入|表单）命令插入表单域。 若激活了文档窗口的显示不可见元素的特性，就会看到文档窗口中出现红色虚线围绕的区域，该区域就是表单域（见图9.2）。 提示： 表单域在HTML中的标记为Form和/Form。 9.1.2 设置表单域属性 由于一般表单内容要发送到服务器处理，所以对一个表单需要设置其发送数据的方法。一个网页可以用多个表单域，为了区分不同表单域，需要给它们命名。设置表单域的属性，在属性面板中进行。 在文档窗口中，单击表单边框，这时的属性面板如图9.3所示。 （1） 表单名称。在Form Name（表单名称）下面的文本框中可以设置表单名称，它是页面描述语言的引用名。 （2） 行为。行为是处理表单的方法，这里仅提供处理表单的程序名。在Action（行为）后的文本框中输入处理表单的URL地址，可以是HTTP类型的地址，如/cgi/calculate.cgi，也可以是Mail To 类 型的地址，如mailto://zhaoxjtu@263.net。也可以单击右方的文件夹按钮，从磁盘上选择处理程序。 （3） 提交方法。指表单内容以什么方式发送给服务器。从Method（方法）下拉列表中选择发送表达数据的方法，有3种选择： Get（获取）将表单数据发送往服务器时，以参数形式传递给服务器； Post（发送）将表单数据发送往服务器时，以标准输入（鼠标、键盘）的形式传递给服务器； Default（默认）使用默认的发送方法，大多数浏览器采用Get方法。 注意： 由于GET方法发送的信息长度有一定限制，所以一般情况下建议使用POST方法，特别是数据较多的表单。 不过应与服务器端处理表单的程序使用方法一致。 提示： 关于Get和Post方法的详细情况，请阅读有关CGI（Common Gateway Interface，公共网关接口）方面的资料。 9.2 插入表单对象 表单域中可以插入任何HTML对象，如文本、表格、图像，也可以为它们建立超链接，但它们不是表单对象。表单对象指表单域中专门处理用户输入数据的元素，如请输入姓名： 前面的文字说明后面文本框中应该填写的内容，前面的文字称为提示文字，后面的文本框才称为表单对象。网页中表单对象包括文本框、单选按钮、复选框、下拉列表、按钮等。 使用对象面板可以方便地插入表单对象。 ① 将插入点放置入表单域中要放置控件的位置； ② 打开表单对象面板； ③ 单击相应的按钮，或是将按钮拖动到文档窗口中希望放置表单对象的位置上，即可添加相应的表单对象；也可打开Insert|Form Object（表单对象）菜单，再在子菜单中选择要插入的控件名称，插入相应的表单对象； ④ 单击选中添加到文档中的表单对象，从属性面板中，可以设置其相应属性； ⑤ 必要时，可以在控件周围输入相应的提示文字，作为控件的标签； ⑥ 如果希望删除某个控件，可以首先用鼠标单击该控件，选中它，然后按Del 键。 提示： 可以将控件作为普通文本一样，进行各种编辑操作，如复制、剪切和粘贴等。 注意： 如果没有先创建表单域，或是在插入表单对象之前，没有将插入点放置于表单域中，就会显示警告对话框，提示是否要为插入的表单对象创建一个表单域，单击Yes，则添加表单对象，同时添加表单域；单击No，则仅添加表单对象，但是不添加表单域。 9.2.1 插入文本域 文本域是一个能在其中输入文字范围的通称，文本域包括单行的文本框、单行的密码框和多行的文本编辑区。 【例9.2】插入文本域 ① 将插入