实验十二 PHP表单处理
一、实验目的与要求
1.复习编写和测试PHP程序的方法。
2.掌握创建表单的方法。
3.掌握添加和设置表单元素的方法。
4.掌握获取表单参数的方法。
5.掌握验证表单数据正确性的方法
二、实验内容
1. GET和POST方法
表单属性中的“方法method”:用于设置将表单数据发送到服务器的方法。
●POST:用标准输入方式将表单中的数据传送给服务器,服务器用读取标准输入的方式读取表单
内的数据。
●GET(默认):将表单内的数据附加到URL后传送给服务器,服务器用读取环境变量的方式读
取表单内的数据。
注意:发送用户名和密码等机密信息时,应使用POST方法。
【任务1】在网页中创建2个表单,分别使用POST和GET方法传递数据,比较二者区别。
要求:
(1)新建index1.php网页,存放在“task1”文件夹中,在该网页中创建2个表单form1和form2,分别设置用POST和GET方法来提交表单数据,并在表单中添加并设置表单控件,效果如下图所示:
(2)新建post.php页面,存放在“task1”文件夹中,在该网页中输入PHP代码,采用POST方法获取表单form1的数据。
(3)新建get.php页面,存放在“task1”文件夹中,在该网页中输入PHP代码,采用GET方法获取表单form2的数据。
步骤:
(1)将教师机共享的“实验12”文件夹中的“task1”~“task3”文件夹复制到文件夹
“C:\phpstudy\WWW”中。打开Dreamweaver CS5软件,把软件右上角的“设计器”模式换成“经典”。如下图所示:
(2)新建一个PHP页面,并保存在文件夹“C:\phpstudy\WWW\task1”中,命名为index1.php。将网页文档的标题改成“POST和GET方法比较”。
(3)在index1.php网页中创建一个表单form1,在“属性”面板中,修改它的属性,如下图所示:
在该表单form1中添加表单元素,如下图所示(其中蓝色文字是说明):
设置“用户名”之后文本字段的属性,如下图所示:
设置“密码”之后文本字段的属性,如下图所示:
设置“提交”按钮的属性,如下图所示:
(4)在index1.php网页中再创建一个表单form2,在“属性”面板中,修改它的属性,如下图所示:
(5)在该表单form2中添加表单元素,如下图所示(其中蓝色文字是说明):
设置“用户名”之后文本字段的属性,如下图所示:
设置“密码”之后文本字段的属性,如下图所示:
设置“提交”按钮的属性,如下图所示:
(6)新建一个PHP页面,并保存在文件夹“C:\phpstudy\WWW\task1”中,命名为post.php。将网页文档的标题改成“POST”,然后切换到“代码”视图,在
和之间添加代码,如下图所示:(7)新建一个PHP页面,并保存在文件夹“C:\phpstudy\WWW\task1”中,命名为get.php。将网页文档的标题改成“GET”,然后切换到“代码”视图,在
和之间添加代码,如下图所示:(8)完成后,保存这3个网页文档,按下F12键在浏览器中预览index1.php的效果。此时,会弹出设置服务器的提示,单击“是”,就可以在站点设置中建立一个新站点,如下图所示:
输入站点名称:PHP实验,本地站点文件夹:C:\phpstudy\WWW。
单击左侧的“服务器”,会出现一个设置服务器的窗口,点击“+”按钮,添加一个远程服务器。
在弹出的窗口中设置服务器的基本和高级选项(如下图所示),完成后,单击“保存”按钮。
服务器设置完成后,预览网页index1.php,如下图所示:
在“使用POST提交数据”中输入用户名、密码,然后点击“提交”按钮,将打开post.php网页,如下图所示:
请注意观察地址栏的内容中不包含用户名和密码的值。
在“使用GET提交数据”中输入用户名、密码,然后点击“提交”按钮,将打开get.php网页,如下图所示:
请注意观察地址栏的内容中包含了用户名username2和密码password2的值。
2.验证表单数据的正确性
验证表单数据的正确性是指检查访问者在表单中输入的数据类型是否正确,以防表单提交到服务器后指定的文本域或所有文本域中包含无效的数据。
【任务2】制作一个“用户注册”页面,并使用PHP代码验证表单数据的正确性。
步骤:
(1)打开Dreamweaver CS5软件,新建一个PHP页面,并保存在文件夹“C:\phpstudy
\WWW\task2”中,命名为index2.php。将网页文档的标题改成“用户注册”。
(2)在index2.php网页中创建一个表单form1,在“属性”面板中,修改它的属性,如下图所示:
(3)在该表单form1中添加文字“请填写以下注册信息:”,然后插入一个8行2列的表格,表格的属性如下图所示:
合并表格最后一行的2个单元格,将表格的背景颜色修改成浅蓝色(可以根据你自己喜好来修改颜色)。
然后在该表单form1中添加表单元素,如下图所示(其中蓝色文字是说明,*代表必填信息):
设置“用户名”之后文本字段的属性,如下图所示:
设置“密码”之后文本字段的属性,如下图所示:
设置“重复密码”之后文本字段的属性,如下图所示:
设置“性别”单选按钮“男”和“女”的属性,如下图所示:
设置“E-mail电子邮箱”之后文本字段的属性,如下图所示:
设置“手机号码”之后文本字段的属性,如下图所示:
设置“兴趣爱好”之后的各个复选框属性,如下图所示:
其他复选框的设置属性的方法类似,只需设置“选定值”为各个名称,然后初始状态都是“未选中”初态。
设置“提交数据”按钮的属性,如下图所示:
(4)新建一个PHP页面,并保存在文件夹“C:\phpstudy\WWW\task2”中,命名为getuser.php。将网页文档的标题改成“用户注册”,然后切换到“代码”视图,在
和之间添加代码,如下图所示:(5)完成后,保存这2个网页文档,按下F12键在浏览器中预览index2.html的效果。如下图所示:
在页面中输入“注册信息”,然后点击“提交数据”按钮,将打开getuser.php网页,显示出提示信息及注册成功的用户名,如下图所示:
如果没有输入用户名、密码或手机号码,或者两次输入的密码不一致,将会弹出对应的提示错误对话框。如下图所示:
【任务3】制作一个PHP页面,用于计算2个数的加减乘除,并将结果输出显示。(作业)
将该PHP页面保存在文件夹“C:\phpstudy\WWW\task3”中,命名为index3.php。
步骤:
(1)打开Dreamweaver CS5软件,新建一个PHP页面,并保存在文件夹“C:\phpstudy
\WWW\task3”中,命名为index3.php。将网页文档的标题改成“计算”。
(2)在index3.php网页中创建一个表单form1,在“属性”面板中,修改它的属性,如下图所示:
(3)在该表单form1添加表单元素,完成加法计算,如下图所示(其中蓝色文字是说明):
设置第一个文本字段的属性,如下图所示:
设置第二个文本字段的属性,如下图所示:
设置第三个文本字段的属性,如下图所示:
设置“等于”按钮的属性,如下图所示:
(4)切换到“代码”视图,在
和之间添加代码,如下图所示:(5)完成后,保存index3.php网页文档,按下F12键在浏览器中预览效果。在表单中输入2个数字,然后点击“等于”按钮,看看右侧的文本框中是否能显示出正确的结果。如下图所示:
(6)用类似的方法,在表单中继续添加表单元素,完成减法、乘法和除法运算,并将结果输出显示。表单如下图所示,请同学们分析题意,自己修改相应代码。
编程提示:
①可以使用if……else if……分支结构来编程。
②注意除法的除数不能为0,如果用户输入0,需弹出对应的提示错误对话框。如下图所示:
③乘法计算的结果文本框的字符宽度和最多字符数应设置为30,其他计算结果的文本框宽度可以是20。
④在显示某一个计算结果时,除了当前输入的2个数字和计算结果之外,其他文本框中的内容都不显示,即应设置为空(NULL)。例如:
完成后,预览网页index3.php,如下图所示:
上交实验内容:
在桌面上新建一个文件夹“学号末2位+姓名”,将WWW文件夹中的文件夹“task1”~“task3”都复制到“学号末2位+姓名”文件夹中,将自己的“学号末2位+姓名”文件夹上交到教师机指定文件夹中。
PHP jQuery Ajax Form表单提交实例解析,包括创建一个表单html页面、添加JQuery代码、jquery ajax表单提交、jquery ajax表单验证、反馈信息给用户,php ajax 表单验证,php ajax提交表单,php ajax form验证,php ajax提交form。 本实例用到JQuery类库本身的函数和功能,所有表单信息利用PHPMailer类库邮件的形式发送。 1、创建一个表单html页面 表单部分html代码 这里用一个id为contact_form来包含整个包含信息;这是有意义的,稍后在JavaScript与用户交互信息的时候会用到,这里form标签的属性里面既包含了method和action;这个意义其实不大,因为Javascript直接操作DOM,所以没有这两个属性也是可以的;务必要给用户输入的input标签加独立的id,这和第二点原理类似。否则,无法看到正常的效果。 2、添加JQuery代码 这里假设你已经从JQuery官方网站上下载了JQuery基库,然后上传到了你的WEB服务器,并添加到你要使用的网页中。
现在新建一个JS文件 第1行的function()函数与Jquery的document.ready函数用法和功能相同,都是在DOM准备完毕后自动触发。第2行里面是一个单击触发函数click(),需要注意的是,在HTML一页提交按钮上需要放置一个名为“button”的Class,以模拟实现submit 提交表单的功能,从第二点我们可以看出,JQuery可以很好的将结构和逻辑分离。 3、jquery ajax表单验证 在实际应用中,这一步是必不可少的。在用户漏填,错填某个项目时,及时提示。
实验二数据输入表单的建立 一、实验目的 1.熟悉表单的概念、常用控件的用途、对象的属性等基础知识; 2.掌握Visual Foxpro数据输入表单的建立过程,首先是打开表单设计器,无论是新建表单还是修改已有的表单,均可以通过菜单操作或专用的命令,或单击常用工具栏中的有关按钮来打开表达设计器,接着是进行对象的操作与编码,可利用表单设计工具来完成,最后是保存表单以及运行表单。 二、实验内容 1.建立一个 2. 三、实验步骤 (一)打开项目管理器 1.按实验一的方法启动Visual Foxpro。 2.打开项目管理器“学生成绩管理系统” ·文件→打开→找到文件“学生成绩管理系统.PJX”,选中并按“确定”键 ·或:双击桌面Visual foxpro6.0快捷方式图标。 (二)建立记录输入表单 基础知识回顾 1、表单的概念、常用控件的用途、对象的属性等 表单一词译自英文的FORM,表单在图形界面的应用软件中大量地获得应用,是人和程序进行交互的重要界面。在软件中出现的对话框、向导、设计器等各类窗口,在VFP系统中均可以通过创建表单来实现。表单是一个容器,可以在其中包含多个控件或莱单,还可以捆绑数据环境。运行表单时,它所包含的所有控件将都被加载,同时数据环境中的表和视图等也自动打开。如果一个程序要同时运行多个表单,这时可以创建表单集。表单集也是一个容器,它可以包含一个或多个表单,这些表单在表单集运行时,将自动加载,它们共享一个数据环境,并可以根据需要显示、隐藏、移动或切换其中的某个或某些表单。VFP提供三种表单设计工具——表单向导、表单设计器和快速表单。在本实验教材中,我们用表单设计器来创建表单。 对象是构成程序的基本单位和运行实体,就是软件中所看到的表单、文本框、按钮、标签等,可放在表单内的对象,如按钮、文本框等常被称为控件。常用的控件有组合框、标签、
实验八表单设计 一、实验目的 1.熟悉表单设计器的使用。 2.掌握表单设计的基本过程和方法。 3.掌握表单的常用属性,方法和事件。 4.掌握标签、编辑框、命令按钮、组合框、列表框、表格、等常用控件的 使用。 二、实验内容和步骤 1.建立一个如下图所示表单: 图1 学生登录窗口 要求实现: (1)系统初次载入时,不显示文字“学生成绩登录系统”,单击窗体右键时,显示文字“学生成绩登录系统”。 (2)单击“登录”按钮时,用户名所对应的文本框的背景色为红色。 (3)单击“退出”按钮时,密码所对应的文本框消失。 (4)双击窗体时,两文本框恢复正常。 设计步骤: ①选择“文件/表单/新建文件”,打开表单设计器。 ②在表单上添加三个标签(Label1、Label2、Label3)、两个文本框(Text1、 Text2)和一个命令按纽(Command1)。 ③设置表单、控件属性如下表所示。
表1 属性设置 ④编写相应事件过程代码。 ●表单Form1的Init事件过程代码: https://www.wendangku.net/doc/a515531247.html,bel1.visible=.F. ●表单Form1的Rightclick事件过程代码: https://www.wendangku.net/doc/a515531247.html,bel1.visible=.T. ●命令按钮Command1的Click事件过程代码: Thisform.text1.backcolor=RGB(255,0,0) ●命令按钮Command2的Click事件过程代码: Thisform.Text2.visible=.F. ●表单Form1的dblclick事件过程代码: Thisform.text1.backcolor=rgb(255,255,255) Thisform.text2.visible=.T. ⑤保存表单,命名为“表单01”。 ⑥运行该表单,验证是否达到要求。 2.设计一个登录表单,当用户输入用户名和口令并按确认键后,检验其输入是否正确,若正确(假定用户名为“USER”,口令为“123”),就显示“欢迎使用”字样并关闭表单;若不正确,显示“用户名或口令不对,请重输…”字样(要求口令输入时显示星号*),连续三次都输入不正确,显示“输入次数超过三次,你无权使用本系统”。
一个完整的PHP+MySQL开发实例 ——(提交订单入库并同时发送邮件到指定Email地址) 本例共包含以下文档:index.html (订单提交首页),order.php(接受表单数据,发送Email 邮件,打印表单),insert.php(提交表单数据入库),smtp.php(SMTP邮件发送类) 首先,设计数据库,规划数据表和字段 以下为实现代码(CSS什么的就不说了): A.[index.html]