7、创建各种窗体
如何增加网站与浏览者的交流?如何知道浏览者的需求?下面我们要讲的表单,可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁。
我们通过几个例子,来讲一下表单的建立方法。
注意,我们这里只讲述表单的创建方法,而用于处理表单输入信息应用程序或客户端脚本,如CGI、ASP等,这里不讲。
(1)信息反馈表
先看这个例子,主要是搜集浏览者的反馈信息,里面用到了文本框、按钮等控件(图1)。

图1 信息反馈表单(单击浏览效果)
我们一起来设计这个例子。新建一个空文档,将光标定位在要插入表单的位置。
为了显示表单范围,我们可以选中“View”菜单下的“Invisible Elements”,把表示不可见元素的标记显示出来,使表单设计更流畅。
调出Object面板,切换到“Forms面板”(图2),单击“Insert
Form”图标 。
光标位置出现一个红框(图3),表示表单范围,如果同一张网页中包含多个表单,这个红框可以使我们避免设计上的错误,在浏览器中,这个红框是不显示的。

图2 Form面板中的图标 图3 加入Form后的效果
输入“姓名:”,再点击“Insert TextField”图标 ,插入一个文字框(图4)。

图4 加入第一个文本框后的页面
将文字框内最多允许输入的字符数Max Char设为20(图5)。

图5 设置文本框属性
将光标定位在文字框后面,按回车键换到下一行,输入“我的意见:”。
按Shift+Enter键换到下一行,单击“Insert TextField”图标,又插入一个文字框(图6)。

图6 加入第二个文本框的页面
选中第二个文字框,在属性面板中选中“Multi line”,将文字框改为多行。在“Char Width”中填入50,Num
lines(行数)为10,在Init val域中输入框中的初始值:“请在此处输入您的建议”(图7)。
图7 对第二个文本框进行属性设置
现在页面成为这个样子(图8)。
图8 对第二个文本框属性设置后的页面
上一节 下一节

谈谈您的看法
|