实验十二 PHP表单处理.doc

实验十二 PHP表单处理 1.复习编写和测试PHP程序的方法。 2.掌握创建表单的方法。 3.掌握添加和设置表单元素的方法。 4.掌握获取表单参数的方法。 5.掌握验证表单数据正确性的方法 二、实验内容 1. GET和POST方法 表单属性中的“方法method”：用于设置将表单数据发送到服务器的方法。 POST：用标准输入方式将表单中的数据传送给服务器，服务器用读取标准输入的方式读取表单内的数据。 GET（默认）：将表单内的数据附加到URL后传送给服务器，服务器用读取环境变量的方式读取表单内的数据。 注意：发送用户名和密码等机密信息时，应使用POST方法。 要求： （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”，然后切换到“代码”视图，在body和/body之间添加代码，如下图所示： （7）新建一个PHP页面，并保存在文件夹“C:\phpstudy\WWW\task1”中，命名为get.php。将网页文档的标题改成“GET”，然后切换到“代码”视图，在body和/body之间添加代码，如下图所示： （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中添加表单元