当前位置月光软件 -> 电脑乐园 -> Dreamweaver

 

轻松掌握网页制作
深入学习和使用
用表格做网页
图形化的网页
灵活运用文字
精彩的图层世界
丰富的超链接
框架里的乾坤
创建各种窗体
信息反馈表(上)
信息反馈表(下)
制作站点导航条
增加一个搜索引擎
本章常见问题解答
高级使用和理解
附录
常见问题汇总
快捷键分级介绍
一句话技巧集萃
功能快速索引



请您留言
谈谈您的看法

 

 

 
  二、深入学习和使用

7、创建各种窗体

  如何增加网站与浏览者的交流?如何知道浏览者的需求?下面我们要讲的表单,可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁。

  我们通过几个例子,来讲一下表单的建立方法。

  注意,我们这里只讲述表单的创建方法,而用于处理表单输入信息应用程序或客户端脚本,如CGI、ASP等,这里不讲。

(1)信息反馈表

  先看这个例子,主要是搜集浏览者的反馈信息,里面用到了文本框、按钮等控件(图1)

点击看浏览效果

图1 信息反馈表单(单击浏览效果)

  我们一起来设计这个例子。新建一个空文档,将光标定位在要插入表单的位置。

  为了显示表单范围,我们可以选中“View”菜单下的“Invisible Elements”,把表示不可见元素的标记显示出来,使表单设计更流畅。

  调出Object面板,切换到“Forms面板”(图2),单击“Insert Form”图标

  光标位置出现一个红框(图3),表示表单范围,如果同一张网页中包含多个表单,这个红框可以使我们避免设计上的错误,在浏览器中,这个红框是不显示的。

Form面板中的图标     加入Form后的效果

图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 对第二个文本框属性设置后的页面

 

 

上一节 下一节   

 

请您留言
谈谈您的看法