如何使用表单和电子邮件 收集互联网数据 Patrick R. Anderson MPH bluerye译 (DXY) 自我介绍 • • • • • MPH，从事流行病学研究，美国圣地亚哥 96-97年在加利福尼亚研究流行病学 97-98年作为多个国家的协调员 98-今，远程教育的协调员 在信息技术方面比较有经验 学习目的 • • • • 讨论通过互联网进行数据收集 介绍表单的应用 介绍表单的属性 讨论如何用表单收集数据 主要内容 • 目前在互联网上收集数据的主要方法 • 学习如何在网站中使用表单 • 设计一个数据收集表单.
Download ReportTranscript 如何使用表单和电子邮件 收集互联网数据 Patrick R. Anderson MPH bluerye译 (DXY) 自我介绍 • • • • • MPH，从事流行病学研究，美国圣地亚哥 96-97年在加利福尼亚研究流行病学 97-98年作为多个国家的协调员 98-今，远程教育的协调员 在信息技术方面比较有经验 学习目的 • • • • 讨论通过互联网进行数据收集 介绍表单的应用 介绍表单的属性 讨论如何用表单收集数据 主要内容 • 目前在互联网上收集数据的主要方法 • 学习如何在网站中使用表单 • 设计一个数据收集表单.
如何使用表单和电子邮件 收集互联网数据 Patrick R. Anderson MPH bluerye译 (DXY) 自我介绍 • • • • • MPH，从事流行病学研究，美国圣地亚哥 96-97年在加利福尼亚研究流行病学 97-98年作为多个国家的协调员 98-今，远程教育的协调员 在信息技术方面比较有经验 学习目的 • • • • 讨论通过互联网进行数据收集 介绍表单的应用 介绍表单的属性 讨论如何用表单收集数据 主要内容 • 目前在互联网上收集数据的主要方法 • 学习如何在网站中使用表单 • 设计一个数据收集表单 为什么要使用互联网 • • • • • 潜在着大的样本量 数据可以直接收集在数据库中 可以进行编辑以防止不正确的进入 大多数的研究机构都使用了互联网 使用简单 方法 • 公共网关接口（CGI） －此项技术应用越来越少，因为有更加简易 的技术普遍应用了。 • 动态服务器主页（ASP） －微软公司开发的技术，可以在网页中使用 Visual basic和VBScript语言 方法 • Cool fussion 开发站点时使用的一个个人的软件包 http://www.allaire.com/products/coldfusion/index.cfm • 电子邮件 －最简单的方法，只是数据必须手工输入到 数据库中，使用时并不再需要其他的方法 表单 • 用来收集信息 • 收集后的数据可以被提交到数据库中，处 理时使用email或者CGI程序 • 嵌入在网页中 • 可以使用JAVA和VBScript语言来进行逻辑 检测 <表单>要素 • 表格被包括在<FORM>和<\FORM>之间。 <HTML> <HEAD> <TITLE>表格名</TITLE> </HEAD> <BODY> <FORM ACTION=mailto:email_address METHOD=“POST”>Form field controls> </FORM> <BODY> 表格（红框）嵌入在 <HTML> HTML（绿箭头）文件中 表单的属性 • <FORM ACTION=mailto:email_address METHOD=“post” ENCTYPE=“text/plain”> • 使用ACTION 提交电子邮件 • METHOD=“post”，发送大量数据的情况下 使用 • ENCTYPE=“text/plain，按不同的解码设置 解码成文本 表单构成 • 表单由许多控制项组成 • 控制项是由用户设置的 • 常见的控制项有： -文本框 -多行文本输入框 -选择菜单 -复选框 -单选按钮 文本框 • 用来输入诸如姓名这样的信息 • 可设置大小，最大长度，默认值，预设名 • <INPUT TYPE=“TEXT”NAME=“Lname”SIZE=“40” MAXLENGTH=“45”VALUE=“请在此输入您的姓名”> • 当嵌入到HTML文件，则会显示如下： 请在此输入您的姓名 多行文本输入框 • 多行文本输入框 • 可以输入长的多样的文本 • 可以设置行，列，和预设名 <TEXTAREANNAME=“Response1”ROW= “5”CLOS=“40” > • 这行在HTML文件中将会如下显示： 选择菜单 • 用来选择列表中的内容 • 可以设置选项的数量，显示的选项量，预设名 <SELECT NAME=“Position”MULTIPLE SIZE=“2”> <OPTION VALUE=“主任”> <OPTION VALUE=“医疗工作者”> <OPTION VALUE=“流行病专家”> </SELECT> • 在HTML中则会显示： 主任 医疗工作者 复选框 • 在给出的选项中复选 • 相关的复选框名必须是相同的 主任:<INPUT TYPE=“CHECKBOX”NAME=“Position1”VALUE=“dir”> 医疗工作者：TYPE=“CHECKBOX”NAME=“Position2”VALUE=“HO”> 流行病专家： TYPE=“CHECKBOX”NAME=“Position3”VALUE=“Epi”> • 在HTML文件中将会显示为： 主任 医疗工作者 流行病专家 单选按钮 • 在给出的选项中单选 • 相关的复选框名必须是相同的 主任:<INPUT TYPE=“RADIO”NAME=“Position1”VALUE=“dir”> 医疗工作者：TYPE=“RADIO”NAME=“Position2”VALUE=“HO”> 流行病专家： TYPE=“RADIO”NAME=“Position3”VALUE=“Epi”> • 在HTML文件中将会显示为： 主任 医疗工作者 流行病专家 提交按钮 • 用来提交一个表单的全部控制项 • 通常在表单的最后使用 • <INPUT TYPE=“SUBMIT”NAME=“SubmitButton” VALUE=“Submit Button”> • 在HTML文件中将会显示为： 重选按钮 • 用来重置一个表单的控制项 • 通常在表单的最后使用 • <INPUT TYPE=“RESET”NAME=“ResetButton” VALUE=“Reset Button”> • 在HTML文件中将会显示为： 一个完整的表单（1） 一个完整的表单（2） 一个完整的表单（3） • 用notpad将3个幻灯片合并 • 将结果保存在您的硬盘中，并命名成.html 文件 • 用Netscape或者IE打开 • 你将会看见如下的表单: MATERNAL CHILD HEALT EPIDEMIOLOGY SUBMIT RESET • 表格添好并且提交后，接收方的电子邮件 会得到一个表单的列表 • <from method=“POST” encype＝“text/plain” action=mailto:[email protected]> • 这样提交的信息就会发送到 [email protected] [email protected]中收到的信息 TO： [email protected] Subject：form posted form Microsoft Internet Explorer Lname=Anderson Degree2=PH.D Degree4=MPH Position=Epi Response1=噢，这并不难。 [email protected]中收到的信息 在邮件中我们将会得到如下的信息： • 提交者的名字是Anderson • 提交者有两个学位： PH.D MPH • 目前是流行病专家 （从单选按钮的值“Epi” 返回生成的“流行病专家”） • 提交者的评论是： “噢，这并不难。” 试试看！ • 我建议您将幻第19-21灯片中的代码合并建 立表单，并添上您的Email地址，之后打开 浏览器，添好表单之后提交。 • 打开您的Email，打开您收到的邮件，得到 由表单返回的资料。在这个过程中，您会 学会调整代码以适应您的需要。 • 如果您希望学习HTML语言更好地设计表单， 我推荐您浏览如下站点： http://www.ncsa.uiuc.edu/General/internet/www/HTMlPrimer.html http://junior.apk.net/~jbarta/tutor/forms/ http://www.idocs.com/tags/forms/ http://www.utoronto.ca/webdocs/HTMLdocs/newHTML/htmlindex.html http://www.insidedhtml.com/html/form.asp http://hatbox.do.losrios.cc.ca.us/~fichera/8e/ http://www.jmu.edu/computing/workshop/forms/ http://www.uq.bcc.bilkent.edu.tr/WWW/tutorial/HTML