作业表单3:单元学习目标与活动设计及检验提示单 (5)

作业表单3:单元学习目标与活动设计及检验提示单 (5)
作业表单3:单元学习目标与活动设计及检验提示单 (5)

【作业表单3:单元学习目标与活动设计及检验提示单】

《信息技术》教案-网页表单

备课时间:2004/03/22 课题:第五章网页制作第六节网页表单教学目的:①表单的建立 ②表单资料的收集和处理 ③搜索表单的建立 教学重点:①表单资料的收集和处理 ②搜索表单的建立 教学方法: 边讲解边演示 教学过程: 〈引言〉:直接进行操作演示 〈教授新课〉:网页表单 [板书] 第六节网页表单 一、表单的建立 在FrontPage 2000中,单击“插入(I )”菜单中的“表单(M)”命令, 其下拉菜单中列出了所有的字段,单击其中的一种,即可插入相应的字段。 [例5-6-1] 建立如图5-25所示的表单网页,取名为guestbook.htm。 图5-25 操作步骤: (1)单击“新建”按钮,建立新页面,首先创建一个2×1表格,并在表格的第一行插入标题动画(look.gif、liuyan.gif)。 (2)右击表格的第二行,在弹出的快捷菜单中单击“拆分单元格…”,打开“拆分单元格”对话框,选择“拆分为列”,并输入列数:3,将该单元格拆分分三列,分别定义两侧单元格的背景色为浅紫色。 1

(3)将插入点移到中间的单元格后,依次单击“插入(I)”菜单中的“表单(M)”“单行文本框(T)”命令,页面上出现一个单行文本框和两个按钮,分别是“提交”和“复位”按钮,将插入点移到文本框左侧,接着输入“姓名:”,然后将插入点移到文本框右侧。 (4)输入“年龄:”,然后依次单击“插入(I)”菜单中的“表单(M)”“单行文本框(T)”命令,产生第二个单行文本框,按回车键。 (5)输入“性别:”,然后依次单击“插入(I)”菜单中的“表单(M)”“单选按钮(R)”命令,输入“女”。再用同样的方法插入另一个单选按钮,并在其右侧输入“男”,然后,双击各选项按钮,分别设置它们的属性,其中“组名称”必须相同,表示这两个按钮在同一个单选按钮组,最后按回车键。 (6)输入“爱好:”,然后依次单击“插入(I)”菜单中的“表单(M)”“复选框(C)”命令,输入“音乐”。用同样方法制成其余复选框。 (7)输入“职业:”,依次单击“插入(I)”菜单中的“表单(M)”“下拉菜单(D)”命令。 (8)双击下拉式菜单,出现如图5-26所示的“下拉菜单属性”对话框。 (9)单击“添加”按钮,添加一个“学生”菜单项,重复操作,添加其余菜单后,再单击“确定”按钮,并按回车键。 (10)输入“您对本网页的建议:”后,按回车键。 (11)依次单击“插入(I)”菜单中的“表单(M)”“滚动文本框(S)”命令,在网页编辑区将出现一个滚动文本框,调整文本框的大小,使其大小合适。 (12)保存网页,取名为guestbook.htm。 二、表单资料的收集和处理 表单的作用在于帮助收集资料,对于访问者来说,填完资料后,单击“提交”按钮,就可以将信息传送到服务器上。对于网站管理员来说,更重要的是对这些资料进行处理,将它们变成所需要的资料形式,比如在上例中,当访问者填写完表单并发送回来后,网站管理员应该对这些资料进行分析,对某些读者提出的问题进行个别解答,并及时改进网站。为了方便资料的整理,在制作表单时就应该有意识地将表单的结果输出到某一个HTML文件或纯文本文件中以文件的形式存放。将鼠标指针放置在表单域所在的虚线范围内右击,在弹出的快捷菜单中单击“表单属性”,打开“表单属性”对话框,如图5-27所示。 在默认情况下,表单的结果会发送到当前网站中,以form_result.txt为文件名存储起来。也可以修改文件名和文件的路径,或者以电子邮件的形式发送到指定的信箱中。当然,这些信息只有管理员才能看到,为了让访问者能够看到自己和别人的留言,以便彼此交流,还可以直接将表单的处理结果返回到指定的网页中。 2

HTML网页设计(表单元素)

HTML网页设计(表单元素) 1.什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,所有这些都放在

标签在。一个文档中可以包含多个表单,而且每个表单可以放置通常的主体内容(包括文字和图像在内) Form标签 设计者可以将表单放在文档主体中的任何位置,但前提是将表单的缘故都放在标签和
结束标签之间。

2.表单元素 在

标签中,可以包含以下5个标签。 Input标签 对于大量通常的表单内元素,可以使用标签来进行定义,其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性,但对每个元素来说,只有type和name属性是必须的。当然,根据指定的比哦啊单元素类型,也可以设置一些其

可以使用标签中的name属性来为字段命名(表单提交到处理过程中使用的字段,这种字段的说明可以参阅前面介绍)。从技术角度上讲,name属性的值是任意的一个字符串,但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型,其属性值如下表所示。 最有用也是最常见的表单输入元素时文字域,在浏览器窗口中显示为一行的空框,它接收用输入的一行信息,当你用户将表单提交给服务器时,这些信息就变成了元素值。 范例代码:

密码域 将type属性值设置为password,就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称,这样就可以为该段字段设置size和maxlength属性,并可以设置一个初见时的vlaue。 范例代码: 文件域(file) 复选框(checked) 单选框(ridio) 普通按钮(button) 设置普通按钮(button)代码: 重置按钮(Reset) Textarea标签 作为表单的一部分,