[工学]第七章 制作表单页.ppt

第七章 制作表单页面 7.1关于表单 利用表单，Internet服务器可以从用户处收集信息，如收集用户资料、获取用户定单，搜索接口、留言簿等。 表单中有文本框、单选按钮、复选框、下拉列表、按钮等，称这些元素为表单对象，有时候也称作控件。将具有相互联系的、能完成一定功能的表单对象的集合称为表单域，有时也简称表单。一个网页中可以有多个表单域。 网页制作人员在网页上制作表单，用户浏览时可以填写表单，然后单击一个发送按钮将表单（填写的内容）发送给WEB服务器，服务器可以处理表单并提供给管理人员查看。这里要介绍的实际上是第一步：在网页上制作表单。 插入表单域 插入表单域 ① 将插入点放置到要添加表单的地方； ② 打开Forms（表单）表单对象面板； ③ 单击对象面板上的Insert Form（插入表单）按钮，或是将该按钮直接拖动到文档窗口中希望创建表单的位置上，即可构建表单域。也可以通过执行Insert|Form（插入|表单）命令插入表单域。 若激活了文档窗口的显示不可见元素的特性，就会看到文档窗口中出现红色虚线围绕的区域，该区域就是表单域 提示： 表单域在HTML中的标记为Form和/Form。 设置表单域属性 由于一般表单内容要发送到服务器处理，所以对一个表单需要设置其发送数据的方法。一个网页可以用多个表单域，为了区分不同表单域，需要给它们命名。设置表单域的属性，在属性面板中进行。 在文档窗口中，单击表单边框，这时的属性面板如图9.3所示。 （1） 表单名称。在Form Name（表单名称）下面的文本框中可以设置表单名称，它是页面描述语言的引用名。 （2） 行为：行为是处理表单的方法，这里仅提供处理表单的程序名。在Action（行为）后的文本框中输入处理表单的URL地址，可以是HTTP类型的地址，如/cgi/calculate.cgi，也可以是Mail To 类型的地址，如mailto://zhaoxjtu@263.net。也可以单击右方的文件夹按钮，从磁盘上选择处理程序。 （3） 提交方法： POST 在 HTTP 请求中嵌入表单数据。 GET 将值追加到请求该页的 URL 中。 默认使用浏览器的默认设置将表单数据发送到服务 器。 通常，默认方法为 GET 方法。不要使用 GET 方法发送长表单。URL 的长度限制在 8,192 个字符以内。如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。而且，在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 MIME类型： 通常情况下，使用HTML表单从浏览器向服务器传递数据。这个表单中可能包含文本域、检验框、按钮以及上载文件的文件类型控制。使用者用自己的数据填充并将这个表提交给服务器。　　表单元素中的 enctype 属性规定了传递给服务器的表数据集编码的内容类型。enctype 属性的默认值是application/x-www-form-urlencoded，但当向服务器传送大量文本、包含非ASCII字符或二进制数的数据时，这个默认类型就不能胜任了。这时，文件上载提交表单时应使用multipart/form-data内容类型。　　一个multipart/form-data信息包含一系列部件，每个部件都可能包含： 一个Content-Disposition（内容-处理）头，其值为form-data ；一个规定控制名的name（名称）属性。 插入表单对象 表单域中可以插入任何HTML对象，如文本、表格、图像，也可以为它们建立超链接，但它们不是表单对象。表单对象指表单域中专门处理用户输入数据的元素，如请输入姓名： 前面的文字说明后面文本框中应该填写的内容，前面的文字称为提示文字，后面的文本框才称为表单对象。网页中表单对象包括文本框、单选按钮、复选框、下拉列表、按钮等。 使用对象面板可以方便地插入表单对象。 ① 将插入点放置入表单域中要放置控件的位置； ② 打开表单对象面板； ③ 单击相应的按钮，或是将按钮拖动到文档窗口中希望放置表单对象的位置上，即可添加相应的表单对象；也可打开Insert|Form Object（表单对象）菜单，再在子菜单中选择要插入的控件名称，插入相应的表单对象； ④ 单击选中添加到文档中的表单对象，从属性面板中，可以设置其相应属性； ⑤ 必要时，可以在控件周围输入相应的提示文字，作为控件的标签； ⑥ 如果希望删除某个控件，可以首先用鼠标单击该控件，选中它，然后按Del 键。 提示： 可以将控件作为普通文本一样，进行各种编辑操作，如复制、剪切和粘贴等。 注意： 如果没有先创建表单域，或是