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