实验十二-PHP表单处理

1实验十二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\”中。打开DreamweaverCS5软件，把软件右上角的“设计器”模式换成“经典”。如下图所示：2（2）新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为index1.php。将网页文档的标题改成“POST和GET方法比较”。（3）在index1.php网页中创建一个表单form1，在“属性”面板中，修改它的属性，如下图所示：在该表单form1中添加表单元素，如下图所示（其中蓝色文字是说明）：设置“用户名”之后文本字段的属性，如下图所示:设置“密码”之后文本字段的属性，如下图所示:设置“提交”按钮的属性，如下图所示:（4）在index1.php网页中再创建一个表单form2，在“属性”面板中，修改它的属性，如下图所示：（5）在该表单form2中添加表单元素，如下图所示（其中蓝色文字是说明）：3设置“用户名”之后文本字段的属性，如下图所示:设置“密码”之后文本字段的属性，如下图所示:设置“提交”按钮的属性，如下图所示:（6）新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为post.php。将网页文档的标题改成“POST”，然后切换到“代码”视图，在body和/body之间添加代码，如下图所示：（7）新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为get.php。将网页文档的标题改成“GET”，然后切换到“代码”视图，在body和/body之间添加代码，如下图所示：（8）完成后，保存这3个网页文档，按下F12键在浏览器中预览index1.php的效果。此时，会弹出设置服务器的提示，单击“是”，就可以在站点设置中建立一个新站点，如下图所示：输入站点名称：PHP实验，本地站点文件夹：C:\phpstudy\。4单击左侧的“服务器”，会出现一个设置服务器的窗口，点击“+”按钮，添加一个远程服务器。在弹出的窗口中设置服务器的基本和高级选项（如下图所示），完成后，单击“保存”按钮。5服务器设置完成后，预览网页index1.php，如下图所示：在“使用POST提交数据”中输入用户名、密码，然后点击“提交”按钮，将打开post.php网页，如下图所示：6请注意观察地址栏的内容中不包含用户名和密码的值。在“使用GET提交数据”中输入用户名、密码，然后点击“提交”按钮，将打开get.php网页，如下图所示：请注意观察地址栏的内容中包含了用户名username2和密码password2的值。2.验证表单数据的正确性验证表单数据的正确性是指检查访问者在表单中输入的数据类型是否正确，以防表单提交到服务器后指定的文本域或所有文本域中包含无效的数据。【任务2】制作一个“用户注册”页面，并使用PHP代码验证表单数据的正确性。步骤：（1）打开DreamweaverCS5软件，新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为index2.php。将网页文档的标题改成“用户注册”。（2）在index2.php网页中创建一个表单form1，在“属性”面板中，修改它的属性，如下图所示：（3）在该表单form1中添加文字“请填写以下注册信息：”，然后插入一个8行2列的表格，表格的属性如下图所示：合并表格最后一行的2个单元格，将表格的背景颜色修改成浅蓝色（可以根据你自己喜好来修改颜色）。然后在该表单form1中添加表单元素，如下图所示（其中蓝色文字是说明，*代表必填信息）：7设置“用户名”之后文本字段的属性，如下图所示:设置“密码”之后文本字段的属性，如下图所示:设置“重复密码”之后文本字段的属性，如下图所示:设置“性别”单选按钮“男”和“女”的属性，如下图所示:设置“E-mail电子邮箱”之后文本字段的属性，如下图所示:设置“手机号码”之后文本字段的属性，如下图所示:设置“兴趣爱好”之后的各个复选框属性，如下图所示:其他复选框的设置属性的方法类似，只需设置“选定值”为各个名称，然后初始状态都是“未选中”初态。设置“提交数据”按钮的属性，如下图所示:8（4）新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为getuser.php。将网页文档的标题改成“用户注册”，然后切换到“代码”视图，在body和/body之间添加代码，如下图所示：（5）完成后，保存这2个网页文档，按下F12键在浏览器中预览index2.html的效果。如下图所示：在页面中输入“注册信息”，然后点击“提交数据”按钮，将打开getuser.php网页，显示出提示信息及注册成功的用户名，如下图所示：9如果没有输入用户名、密码或手机号码，或者两次输入的密码不一致，将会弹出对应的提示错误对话框。如下图所示：【任务3】制作一个PHP页面，用于计算2个数的加减乘除，并将结果输出显示。(作业)将该PHP页面保存在文件夹“C:\phpstudy\”中，命名为index3.php。步骤：（1）打开DreamweaverCS5软件，新建一个PHP页面，并保存在文件夹“C:\phpstudy\”中，命名为index3.php。将网页文档的标题改成“计算”。（2）在index3.php网页中创建一个表单form1，在“属性”面板中，修改它的属性，如下图所示：（3）在该表单form1添加表单元素，完成加法计算，如下图所示（其中蓝色文字是说明）：设置第一个文本字段的属性，如下图所示:设置第二个文本字段的属性，如下图所示:设置第三个文本字段的属性，如下图所示:设置“等于”按钮的属性，如下图所示:10（4）切换到“代码”视图，在body和/body之间添加代码，如下图所示：（5）完成后，保存index3.php网页文档，按下F12键在浏览器中预览效果。在表单中输入2个数字，然后点击“等于”按钮，看看右侧的文本框中是否能显示出正确的结果。如下图所示：（6）用类似的方法，在表单中继续添加表单元素，完成减法、乘法和除法运算，并将结果输出显示。表单如下图所示，请同学们分析题意，自己修改相应代码。编程提示：①可以使用if……elseif……分支结构来编程。②注意除法的除数不能为0，如果用户输入0，需弹出对应的提示错误对话框。如下图所示：11③乘法计算的结果文本框的字符宽度和最多字符数应设置为30，其他计算结果的文本框宽度可以是20。④在显示某一个计算结果时，除了当前输入的2个数字和计算结果之外，其他文本框中的内容都不显示，即应设置为空（NULL）。例如：完成后，预览网页index3.php，如下图所示：上交实验内容：在桌面上新建一个文件夹“学号末2位+姓名”，将文件夹中的文件夹“task1”～“task3”都复制到“学号末2位+姓名”文件夹中，将自己的“学号末2位+姓名”文件夹上交到教师机指定文件夹中。