文档库 最新最全的文档下载
当前位置:文档库 › 07第七讲建立自己的表单

07第七讲建立自己的表单

07第七讲建立自己的表单
07第七讲建立自己的表单

建立自己的表单(1)

在第四讲中,我们用表单向导创建了一个表单。但有时候,这样的表单并不见得能满足我们的要求。比如,表单中略显重复的“学生情况”字样,我们就无法删除。要想充分发挥表单的性能,设计出高质量的、满足复杂要求的、具有专业水准的表单界面,还必须掌握表单设计器的使用。下面我们就利用表单设计器来重建一个“学生情况”表单。

一.创建新表单

在Student项目管理器中,选择“文档”选项卡,选定“表单”,单击“新建”命令按钮。VFP将打开表单设计器窗口,并自动创建一个默认名为“Form1”的表单对象。在默认情况下,和表单设计器窗口同时打开的还有“表单控制”工具栏、“表单设计器”工具栏和“属性”窗口。移动鼠标到工具栏的图形按钮上,即可看到说明按钮功能的提示文本。当然,如果愿意的话,您还可以通过系统菜单“显示”下的菜单项来打开更多的工具栏和有关窗口。现在您就可以用属性窗口来改变表单的名字(StuInfo)、标题(学生情况)和背景色等属性了。注意,表单的名字是用于代码中的内部名,而标题是在表单的顶端出现的内容。

二.设置数据环境

表单的数据环境包括与表单交互作用的表和视图,以及表单所需要的表与表之间的关系。使用数据环境可以带来很多方便,譬如在打开或运行表单时,自动打开表或视图;在关闭或释放表单或自动关闭表。还有其它许多好处,您在下面的讲座中会慢慢体会到的。

在系统菜单的“显示/数据环境”上单击得到数据环境窗口,在同时出现的“添加表或视图”对话框中选取“学生情况”表,按“添加”命令按钮将其加入数据环境后关闭此对话框。

三.向表单中添加字段

在表单中,被添加的表的字段总是和某种类型的控制对象相关联的,这样就能通过控制对象的属性、事件和方法来处理和操作字段了。向表单中添加字段的方法有多种,下面我们将分别采用不同的方法来添加字段。

1.添加“xh”(学号)字段

在“表单控制”工具栏上单击“文本框”图形按钮,移动鼠标指针到表单上,这时鼠标指针变成十字形,在合适的位置按下鼠标左键,则一个名为“Text1”的文本框对象被创建。注意这时的文本框对象还是独立的对象,并没有和学号字段发生关联,现在我们设置它和学号字段的关联:在属性窗口的“数据”选项卡中,选取“ControlSource”属性,单击属性设置框右边的下箭头按钮,可以看到包含在数据环境中的学生情况表的字段显示在设置框中,选择“学生情况.xh”,则此时的Text1已与学号字段相关联。

接着,我们为Text1对象增加说明文字。在“表单控制”工具栏上单击“标签”图形按钮,采用与前面相似的方法在表单的Text1对象前建立一个名为“Label1”的标签对象。在属性窗口的“布局”选项卡中,修改它的“Caption”属性为“学号”,并在“AutoSize”上双击以设定这个属性为.T.。

2.添加“xm”(姓名)字段

在数据环境窗口中的“xm”字段上按下鼠标左键不放,将其拖动到表单上Text1对象

的下方,释放鼠标按钮,则在表单上创建了一个文本框对象“txtXm ”和一个显示为“姓名”的标签对象。请查看“txtXm ”的“Controlsource ”属性,嘿!已自动设置为“学生情况.xm ”。原来以这种方式设置的对象将自动与字段相关联。真方便!好,干脆把“数据环境”窗口中“学生情况”表里剩下的字段全都以这种方式拖到表单上去。

3. 修改性别字段

由于性别字段的取值范围是确定的,只能是“男”或“女”,因此我们改用选项按钮组控件与性别字段相关联。删除“txtXb ”文本框对象,并建立一个选项按钮组对象。可以看到它包含两个选项按钮对象:Option1和Option2。将这两个对象的“Caption ”属性分别设置为“男”和“女”(输入时不需要加引号),“AutoSize ”设为.T.。接着改变选项组(Optiongroup1)的“ControlSource ”值为“学生情况.xb ”。这样在用户需要增加或修改数据时,只需用鼠标选择,不必输入汉字,既方便操作,又能防止输入非法的值。

4. 修改政治面目字段

政治面目字段的取值范围也是确定的,为了节约表单空间,我们选用组合框控件与其相关联。删除“txtZzmm ”文本框对象,建立一个组合框对象“Combo1”,并按照下表改变其属性。

“Style ”属性决定了组合框对象的类型:下拉组合框和下拉列表框。在下拉列表框中,用户只能从已有的项中选择一项;而在下拉组合框中,除了选择已有的项外,用户还能够直接在组合框中输入一个新项。“RowSourceType ”和“RowSource ”属性决定了控制的数据来源,前者决定数据源的类型,后者决定具体的数据来源。

5. 修改系代码字段

“学生情况”表的系代码字段存储的是学生所在系的代码,但若要录入人员记住所有的系代码显然是不友好的。一种理想的解决方法是:在表单上用组合框显示系的名称,方便录入与修改,而在表中存入代码。为此,我们需要重新设计表单的数据环境。激活数据环境窗口,在窗口内的空白处单击鼠标右键,利用快捷菜单的“添加”项加入“系代码”表。回到表单设计器中,将显示为“系代码”的标签对象的“Caption ”改为“所在系”, 删除“txtXdm ”文本框对象,建立第二个组合框对象“Combo2”,并按照下表改变其属性。

设置RowSourceType 为6,可以在组合框中使用表的字段;设置ColumnCount 为2是为了在组合框中同时显示两列;这里RowSource 和BoundCoulumn 属性的设置是解决问题的关键,前者为列表指定了两个列的数据源,后者将第二个列的数据源与ControlSource 属性值关联到了一起。

四.向表单添加控制

仅有字段的表单还不完善,要使表单能很好地运行,还必须添加一些控制,实现诸如关闭表单、移动记录指针等功能。

1.添加命令按钮

我们先添加一个命令按钮来关闭表单。在“表单控制”工具栏上选择“命令按钮”,然后在表单上创建一个命令按钮对象,对象名缺省为Command1。改变其“Caption ”属性

为“退出”。鼠标双击该按钮,打开如图7.1所示的代码窗口。在Click 事件中输入如下

Thisform.Release &&调用表单的Release 方法来关闭表单

2.添加命令按钮组

为了实现移动记录指针的功能,我们再向表单上添加一个命令按钮组对象,该对象缺省名为CommandGroup1,包含两个命令按钮Command1和Command2。激活代码窗口,为命令按钮组CommandGroup1对象的Click 事件输入如下代码:

DO CASE

CASE THIS.Value = 1

&& Value 属性指明单击了哪个按钮 Skip –1

&&记录指针向前移动一个记录 If Bof()

&&记录指针在表头,则Bof()返回.T.,否则返回.F. Go Top

&&记录指针移动到第一个记录 Endif

Thisform.Refresh

CASE THIS.Value = 2

Skip 1

&&记录指针向后移动一个记录 If Eof()

&&记录指针在表尾,则Eof()返回.T.,否则返回.F. Go Bottom

&&记录指针移动到末一个记录

Endif

Thisform.Refresh

ENDCASE 使用SKIP 命令移动了记录指针,并不会改变表单上字段值的显示,因此最后一行语句的作用是调用表单的Refresh 方法来更新字段的显示,使它们显示移动记录指针后当前记录的值。

注:如果只单击命令组,而没有单击某一个按钮,Value 属性的值仍为上一次选定的命令按钮。

现在请按下表修改命令按钮组中两个按钮的属性,并将表单的“ShowTips ”属性改为.T.。鼠标右键单击“CommandGroup1”对象,选择快捷菜单中的“编辑”,待CommandGroup1对象周围出现蓝绿色的环绕框后,选中里面的Command1 和Command2对象来调整好它们的大小和位置。您还可以按照自己的喜好改变命令按钮组的“BackStyle ”和“BorderStyle ”属性。这样我们就做成了两个漂亮的图形按钮,运图7.1 对象的代码窗口

注:wzback.bmp和wznext.bmp可从vfp\wizards\wizbmps目录下复制。

五.运行表单

至此我们已经创建了一个简单的表单,只要运行该表单,就能对“学生情况”表进行查询和修改了。保存表单为“..\vfp例程\forms\学生.scx”,单击VFP常用工具栏上的

运行按钮,则可看到如图7.2所示的表单。试着修改几个字段,再用浏览窗口看一看

“学生情况”表,嘿!系代

码字段果然存的是代码。

由于篇幅所限,心铃无

法对本讲所涉及到的控件

做更详细的讲解,所以建议

读者自己多琢磨琢磨,尤其

是组合框,功能是非常强大

的。OK?Thank you!

图7.2 运行状态下的表单

dreamweaver网页制作 第7章 表单

第7章表单 在制作动态网页时,要实现信息交互,常常用到表单。常见的表单有搜索表单、用户登录注册表单、调查表单、留言簿表单等。本章节将和大家一起探讨在表单的基本概念和各个元素,以及在Dreamweaver CS4中如何创建表单,并通过实例掌握表单制作的方法。 【学习目标】 ●了解Web服务器的作用。 ●掌握IIS的安装和设置方法。 ●掌握更改站点设置的方法。 ●知道表单域的含义;熟练掌握各种表单栏目的插入与设置。 ●能够综合使用各种表单栏目制作留言簿。 ●知道发送表单结果的多种方法。 ●掌握验证表单的方法。 7.1 关于表单 表单是用来收集站点访问者信息的域集,可实现网页与浏览者间的交互,达到收集浏览者输入信息的目的。 表单是浏览网页的用户与网站管理者进行交互的主要窗口,Web管理者和用户之间可以通过表单进行信息交流。表单内有多种可以与用户进行交互的表单元素,如文本框、单选框、复选框、提交按钮等元素。在服务器端,信息处理由CGI (Common Gete Way Interface)、JSP (Javaserver Page)或ASP (Active Server Page)等应用程序处理。 下面是几个表单应用的例子,邮箱用户注册表单如图14.1所示,搜索引擎表单如图14.2所示,在线测试表单如图14.3所示。 7.2 表单元素 表单域

简单地说,表单就是用户可以在网页中填写信息的表格,其作用是接收用户信息并将其提交给Web服务器上特定的程序进行处理。 表单域,也称表单控件,是表单上的基本组成元素,用户通过表单中的表单域输入信息或选择项目。 在建立表单网页之前,首先就要建立一个表单域。 在7.1节中详细介绍了表单的基本概念,使用Dreamweaver CS4可以创建各种表单元素,如文本框、滚动文本框、单选框、复选框、按钮、下拉菜单等。在“插入”工具栏的“表单”类别中列出了所有表单元素,如图14.4所示 7.2.1 插入表单 (1)将光标放在“编辑区”中要插入表单的位置;然后在“插入”工具栏的“表单”类别中,单击“表单”按钮;此时一个红色的虚线框出现在页面中,表示一个空表单,如图14.5所示 (2)单击红色虚线,选中表单;在“属性检查器”中,“表单名称”文本框中输入表单名称,以便脚本语言Javascript通过名称对表单进行控制;在“方法”下拉列表框中,选择处理表单数据的传输方法,“Post”方法是在信息正文中发送表单数据,“Get”方法是将值附加到请求该页面的URL中;在“目标”下拉列表框选择服务器返回反馈数据的显示方式,这里选择“_blank”,即在新窗口打开;“MIME类型”下拉列表框指定提交服务器处理数据所使用MIME编码类型。默认设置“application/x-www-form-urlencode”与POST方法一起使用,如图14.6所示 7.2.2 插入文本字段 本小节来学习在表单中插入文本字段。文本字段是表单中常用的元素之一,主要包括单行文本字段、密码文本字段、多行文本区域三种。 (1).单行文本字段与密码文本字段

07第七讲 因式分解2

代数(六) 因式分解(二) ——十字相乘、分组分解 【知识要点】 1.十字相乘法 (1)二次项系数为1的二次三项式q px x ++2中,如果能把常数项q 分解成两个因式b a ,的积,并且b a +等于一次项系数中p ,那么它就可以分解成 ()()()b x a x ab x b a x q px x ++=+++=++22 (2)二次项系数不为1的二次三项式c bx ax ++2 中,如果能把二次项系数a 分解成两个因数21,a a 的积,把常数项c 分解成两个因数21,c c 的积,并且1221c a c a +等于一次项系数b ,那么它就可以分解成:()=+++=++2112212212c c x c a c a x a a c bx ax ()()221c x a a x a ++。 2.分组分解法 (1)定义:分组分解法,适用于四项以上的多项式,例如22 a b a b -+-没有公因式,又不能直接利用分式法分解,但是如果将前两项和后两项分别结合,把原多项式分成两组。再提公因式,即可达到分解因式的目的。例如: 22a b a b -+-=22()()()()()()(1)a b a b a b a b a b a b a b -+-=-++-=-++, 这种利用分组来分解因式的方法叫分组分解法。 (2)原则:分组后可直接提取公因式或可直接运用公式,但必须使各组之间能继续分解。 (3)有些多项式在用分组分解法时,分解方法并不唯一,无论怎样分组,只要能将多项式正确分解即可。 【典型例题】 例1 把下列各式分解因式 (1)2914x x ++= (2)2 12x x --= (3)2812x x ++= (4)2710x x -+= (5)228x x --= (6)2922x x --= (7)2295x x +-= (8)2376x x --= (9)28103x x ++= (10)210275x x ++=

140701第5章 HTML5网页表单设计(定稿)

网页设计技术实用教程--从基础到前沿 第5章HTML5网页表单设计(字数3万) 参考文献:我chp6;陆chp4;格式类似我P73; 目录 5.1表单简介及应用案例 5.2 表单主体设计---form 标记5.2表单主体设计(form)包括新增元素 5.3表单输入域设计---input标记5.3 表单设计的相关属性包括新增属性 input元素type属性的新增类型:电子邮件类型;搜索类型;URL类型;电话号码类型;数字类型;范围类型;日期类型;周类型;月份类型;时间类型;日期与时间类型;本地日期与时间类型;颜色类型; 新增属性:form属性;formaction;formmethod;placeholder;autofocus;list;autocomplete; 5.4 文本区与列表选择框设计--- textarea、select标记 5.5标签与按钮设计---label、button标记 5.6表单控件分组设计--- fieldset、legend标记 5.7 HTML5表单设计前沿内容知识技术 5.7.1 新增与改进的表单元素;HTML5表单新增与改进的元素 5.7.2 新增与改进的表单属性;HTML5表单新增与改进的属性 5.7.3 input域控件的type属性的新增与改进 5.4 表单设计示例 如果例子多,需要单独成节,可增加该节 例子(见陆p46-59)按功能划分:input元素使用示例;form等属性示例;表单验证示例…… 5.8 使用DWCS5进行网页表单设计实例 (薛凯7.3.5;对5.1节的案例用工具制作、设计) 5.9本章小结 5.10进阶学习 5.11 思考与实践 第5章HTML5表单设计 本章导读:上一章我们学习了、了解了……网页中链接的设计。而在网站注册或购物时不可或缺的元素就是表单,本章就引导大家读者学习表单的设计。 首先,通过一个案例的介绍,让大家领略了解表单在网站中的重要魅力作用,同时在读者建立起了对表单有了大概的初步感性认识印象后;接着通过理论与示例结合的方式,、详细具体讲解介绍表单主体及其内部各种标记和属性的知识;同时,紧跟技术的发展,讲述介绍HTML5表单设计前沿内容;如果有该节则加入此句有了在掌握了表单设计的基本知识、技术的理论储备准备之后,我们通过几个综合示例讲解表单设计中各种元素的实用方法,完成理论向实践的转变。工欲善其事,必先利其器,网页设计离不开好的工具支持,最后,指导大家使用网页设计工具DWCS5工具实现一个复杂表单页面的设计,至此从而完成本章的讲解学习之旅。

制作表单网页

制作表单网页说课稿 尊敬的各位评委、专家: 大家好!今天我说课的内容是《制作表单网页》。 一、说教材 网页设计是我校计算机应用技术专业的一门选修课,使用教材是航空工业出版社的《网页设计案例教程》。今天我说课的内容是第7章表单在网页中的应用,讲述了表单元素在网页中的操作与应用。 表单用来收集用户信息,使网页具有交互功能,因此广泛使用。由于表单元素比较多,用法各不相同,有一定难度。因此,我把课本的知识进行了分解与重组,由易到难,设计成三个任务,各有侧重点。 二、说教学重点与难点 教学重点:1.创建表单。 2.掌握各表单元素 教学难点:熟练应用各表单元素 关键点:表单元素属性的设置 三、说教学目标 (一)知识目标 掌握表单的基本构成要素,了解表单设计及制作流程,理解、掌握并熟练运用表单各知识点。

(二)技能目标 1.根据场合灵活制作表单。 2.培养学生使用Dreamweaver 软件的综合能力,提高应用水平。 (三)情感目标 1. 培养学生的自主学习能力、自我探究能力; 2. 增强学生的审美意识、组织能力和团结协作的精神; 四、说学情 我所教授的对象是大专二年级计算机专业的学生。他们学习能力参差不齐,学习不主动。但他们具备了一定的分析能力和探究意识,同时会带着问题投入到课程学习当中,具有强烈的好奇心和求知欲。 五、说教法 根据对教材、学生情况、教学目标的认真分析,我确定使用以案例教学法、小组合作法、任务驱动法为主并辅以演示、辅导等其他教学方法。 1.任务驱动下的案例教学法:从生活中常见的表单网页例子,比如常用的淘宝注册页面,游戏注册界面等,引入本节课的学习,吸引学生的好奇心。 2.演示法:通过多媒体演示关键的知识点和关键步骤,或使用课件演示。这种方法比较直观,还可活跃课堂气氛。激起学生学习兴趣,

实验七 制作表单

实验七制作表单 【实验目的】 1.熟练掌握网页中表单的制作方法。 2.熟练掌握Dreamweaver CS6用户注册表单网页的制作。 3.熟练掌握添加行为检查表单。 【实验环境】 1.工具软件:Dreamweaver CS6 2.制作如图7-1所示的“用户注册”表单网页。 图7-1 【实验内容】 1.练习表单的制作。 2.制作如图所示的“用户注册”表单网页。

3. 练习检查表单操作。 【实验步骤】 1.创建本地站点。 2.1 创建表单 (1)新建一个网页,将光标定位在希望表单出现的位置上。 (2)执行【插入】->【表单】->【表单】命令,或选择“插入”栏上的“表单”类别,然后单击“表单”按钮。 (3)这时文档中将插入一个空的表单,如图7-2所示。在“设计”视图中,红色的虚轮廓线表示表单。 注意:如果没有看到红色的虚轮廓线,请检查是否选中了【查看】->【可视化助理】->【不可见元素】选项。 图7-2 红色的虚轮廓线表示表单 (4)选定上面的表单,显示表单属性面板,如图7-3所示。 图7-3表单属性面板 表单属性: ?表单名称:标识该表单的惟一名称。命名表单后,就可以使用脚本语言(如JavaScript 或VBScript)引用或控制该表单。 ?动作:指定处理该表单的动态网页或脚本的路径(如asp/https://www.wendangku.net/doc/432234723.html,、php、jsp等)。 可以在“动作”文本框中键入完整路径,也可以单击文件夹图标以选择一个动态网页或脚本。 ?方法:选择将表单数据传输到服务器的方法,POST方法将在HTTP请求中嵌入表单数据;GET方法是将值附加到请求该页面的URL中;默认方法是使用浏览器的默认设置将表单数据发送到服务器。 ?MIME类型:指定对提交给服务器进行处理的数据使用MIME编码类型,默认设置为“application/x-www-form-urlencode”通常与POST方法协调使用。如果要创建文件上传域,需指定“multipart/form-data MIME”类型。 ?目标:设置提交表单后的目标浏览器。 2.2 插入文本字段

[西安电子科大通信原理讲义]07通信原理第七讲(可编辑)

《通信原理》第七讲 §2.4 随机过程通过线性系统 通信系统中的信号或噪声一般都是随机的,因此在以后的讨论中我们必然会 遇到这样的问题:随机过程通过系统(或网络)后,输出过程将是什么样的过程? v t 等于输入信号v t 与系统的单位冲击响应h t 的卷 线性系统的响应 0 i 积,即 ∞ v t v t ?h t v τ h t ?τ dτ(2.4-1 ) 0 i ∫?∞ i 若h t ?H ω v t ?V ω,v t ?V ω,,则有 0 0 i i V ωH ωV ω(2.4-2 )

0 i 若线性系统是物理可实现的,则 t v t v τh t ?τdτ (2.4-3 ) 0 ∫?∞ i 或 ∞ v t h τv t ?τdτ (2.4-4 ) 0 ∫0 i 如果把v t 看作是输入随机过程的一个样本,则v t 可看作 是输出随机过 i 程的一个样本。显然,输入过程ξ t 的每个样本与输出过程ξ t 的 相应样本之 i 间都满足式(2.4-4 )的关系。这样,就整个过程而言,便有 ∞ ξt h τξt ?τdτ

(2.4-5) 0 ∫0 i 假定输入ξ t 是平稳随机过程,现在来分析系统的输出过程ξ t 的统计特 i 性。 ξ t 一、输出过程 0 的数学期望 ∞∞ ∞ E [ξ t ] E [ h τ ξ t ?τ dτ ] h τ E [ξ t ?τ ]dτ a ? h τ dτ 0 ∫0 i ∫0 i ∫0 因为 ∞ H ω∫0 h t ej ωt dt 求得 ∞ H 0 ∫0 h t dt 所以

E [ξ t ] a ?H 0 (2.4-6) 由此可见, 输出过程的数学期望等于输入过程的数学期望与直流传递函数 H 0 的乘积,且E[ξ t ]与t无关。 ξ t 二、输出过程 0 的自相关函数 R t ,t E [ t t ] +τ ξ ξ +τ 0 1 1 0 1 0 1 [ ∞ ∞ ] E h α ξ t ?α dα h β ξ t +τ?β dβ ∫ i 1 ∫ i 1 0 0 ∞∞ h α h β E [ξ t ?α ξ t +τ?β ]dαdβ

网页表单设计实例技巧五则

1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到<textarea> 中,一切就会变得简单多了,如:以下为引用的内容: <textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea> 类似的,可以加入代码到<input>。 2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如: 以下为引用的内容: <input type=text name="address" size=19 value="请填入你的邮箱"onFocus="this.value=''"> 点击输入单元后,提示信息会删除,是不是很方便。 3、表单输入单元的边框设置:更改传统的表单单元边框,会让你的主页生色不少。如: 以下为引用的内容: <input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8"> 其中"style=***"为左右上下和背景色设置,适用于其它单元。 4、表单输入单元的文字设置:表单中单元的字体是可以修改的,如: 以下为引用的内容: <input type=text name="address" size=19 value="请填入你的姓名" style=font-family:"verdana";font-size:10px > 其中"style=***"为字体和字大小设置。 5、修改表单属性为弹出窗口:大多数表单激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如: 以下为引用的内容: <form method=POST action=url target=_blank> 其中"target=_blank"为控制在弹出窗口打开。

网页设计好看的表单代码

1、只有下划线的文本框: 2、软件序列号式的输入框: 3、软件序列号式的输入框(完整版): 4、输入框景背景透明: 5、鼠标划过输入框,输入框背景色变色: 6、输入字时输入框边框闪烁(边框为小方型):