第5章 构建PHP互动网页.ppt

第5章 PHP与WEB页面交互 5.1 表单数据的提交方式 5.1.2 表单数据的提交方式 5.1.3 表单数据的验证方法 5.2 获取提交的表单数据 5.2.1 获取按钮的数据 在表单中按钮分为提交按钮(submit)、重置按钮(reset)和普通按钮(button)3种。例：submit按钮 例：普通按钮和重置按钮 普通按钮可以单击，却不触发事件，一般都和javascript脚本的onclick事件配合使用。 5.2.2 获取文本区域的数据 在表单中，text和password的属性和使用基本相同，所以这里放在一起介绍。例： 5.2.3 获取单选按钮的数据 radio(单选按钮)一般是多个按钮一起出现，name值相同，但value值不同。例： 5.2.4 获取复选框的数据 复选框一般都是多个同时存在，为了便于传值，name的名字可以是一个数组形式。例： 5.2.5 获取列表框的数据 列表框有下拉列表框，列表框和多选列表框三种形式，但基本的语法都是一样的。当size=1时就是下拉列表框，大于1时是列表框，当有multiple属性时就是多选框。例 5.2.6 获取文本域的数据 文本框有两个主要属性。Rows表示文本域的行高，cols表示列宽。文本框没有value属性，所有文本显示在textarea和/textarea之间。例 5.2.7 获取文件域的数据 文件域主要用在有文件或涂片需要上传的页面。例： 5.2.8 获取隐藏域的数据 一些不需要显示的信息和需要传送的参数可以放在隐藏域中，例: 5.3 解析URL 5.3.2 URL编码与解码 5.4 页面跳转 【例5.4】 制作一个智能问答系统，系统根据存储于文本文件中的用户信息判断用户是否是合法登录。用户登录后可以进行智力问答，回答完后系统会计算其所得分数。 在Practice文件夹下新建一个EX5_4_info.txt文本文件，在其中保存用户的信息，有用户名、密码两个信息，中间用“|”隔开，如输入如下几行数据： user1|123455 user2|554321 user3|111111 新建EX5_4_login.php文件（登录页面），输入以下代码： html body form action=EX5_4_main.php method=get table border=0 align=center trtd align=center用户名/tdtdinput name=username type=text/td/tr trtd align=center密码/tdtdinput name=password type=password/td/tr trtd colspan=2 align=center input type=submit name=Submit value=登录 input type=reset name=Submit2 value=重置/td/tr /table /form /body /html 新建EX5_4_main.php文件（主页面），输入以下代码。 新建EX5_4_QA.php文件（答题页面），输入以下代码。 运行EX5_4_login.php文件，输入用户名user1，密码123455，如图5.7所示，单击【登录】按钮，进入主页面，如图5.8所示。 图5.7 用户登录界面 图5.8 主页面 单击【开始答题】按钮，进入答题页面，如图5.9所示。 图5.9 答题页面 在答题页面上进行答题，答完后单击【提交】按钮，系统会计算所得分数，如图5.10所示。单击【确定】按钮后会弹出“继续答题”确认对话框，如图5.11所示。单击【确定】按钮则继续答题，单击【取消】按钮则返回主页面，在主页面中会有相应提示，如图5.12所示。 图5.11 “继续答题”确认对话框 图5.10 计算得分 图5.12 返回主页面 5.1 表单数据的提交方式 5.2 获取提交的表单数据 5.3 解析URL 5.4 页面跳转 5.1.1 提交表单数据 在之前的内容中，已经了解过表单数据的提交方法。表单数据的提交方法主要分为两种：POST方法和GET方法。POST方法是在HTTP请求中嵌入表单数据；GET方法则将表单数据附加到请求该页的URL中。提交表单时要将表单标记form的属性method设为post或get，post表示使用POST方法提交，get表示使用GET方法提交。属性action指定数据提交到的URL地址，提交后页面将跳转到这个地址。而用户输入的数据也将提交到该地址。例如： form method= get action= test.php“ 提交表