当前位置:文档之家› 第15章 用PHP实现人机交互

第15章 用PHP实现人机交互


15.2.1 在PHP的URL地址上加入参数
• 使用URL参数方式传递数据,就是在URL地址后面加上适当的参数。 URL实体将对这些参数进行处理。简单的使用方法就像下面这样: • http://127.0.0.1/15-3.php?username=JACK&sex=男&age=23 • 然后,直接在地址栏中输入这些内容即可(由于还没有编写相应的 PHP文件,所以现在执行还不会有任何结果)。
15.1.1 表单元素的组成
• • • • • • • • • • • • • • • • 7.TEXTAREA(文本域) 文本域的使用情况像这样: <textarea name="content" rows="5" cols="40"> 内容在这里输入</textarea> TEXTAREA(文本域)又叫多行文本框,这是相对于TEXT而言。 8.SUBMIT(提交按钮) 提交按钮使用样式如下所示: <input type="submit" value=" 提交"> 提交按钮的作用是把表单输入结果发送到指定的URL,当单击事件发生时,结果将会 被提交。 9.RESET(重置按钮) 重置按钮也比较简单,像下面这样: <input type="reset" value=" 重新填写"> RESET(重置按钮)。重置按钮的作用是把表单中所有填写好的内容恢复到原始值。 10.HIDDEN(隐藏域) 隐藏域的使用方法像这样: <input type="hidden" name="hide" value="hideinfo"> 如果有一些信息不方便或者不必要显示出来,使用HIDDEN(隐藏域)是比较方便的。
15.1.3 更改表单的ACTION属性到PHP程序
• 只有表单,相当于只有前台,如果没有后台的支撑,只有表单的前 台就什么也做不了。连接前台与后台之间的纽带就是表单(FORM) 的ACTION属性。所以,要想让表单起作用,就必须有特定的后台 处理程序;而要想让这后台处理程序为前台表单服务,就必须为表 单指定ACTION属性。表单的ACTION属性通常为一个URL地址。 • 在示例15-1中的form标签没有任何属性,这里为其指定 ACTION=15-2.php(现在这个文件并不存在,在15.1.5小节将会创 建)。
15.1.5 用PHP作后台处理表单提交数据
• 在普通Web页中插入了相应的表单元素,为FORM表单指定了 ACTION属性,并且也使用了相应的METHOD提交方式。 • 表单提交后,一般的处理是对用户提交的数据进行分析。明确要采 取的动作是要存入文本文件或者存入数据库还是对用户提交的信息 与已经存在的记录进行对比。不过执行这些动作的前提是先要获得 用户提交数据的内容。 • 【示例15-2】这里并不对数据采取其他处理,只是先获取提交的内 容并显示出来。
15.1.4 表单METHOD属性POST与GET区别
• 理论上两者的区别:用GET方法提交的表单,提交的数据被附加到 URL上,作为URL的一部分发送到服务器端。这种方式就类似于采 用URL方式实现互动(后面将后讲到)。而POST方式则是将表单 中的信息作为一个数据块发送到服务器端。这种方式不依赖URL。 • 形式上两者的区别:在实际应用时,两者的区别也是很明显的。由 于GET方法提交的数据是被附加到URL上发送的,所以在地址栏中 将会显示出用户所输入的数据作为参数附加在URL后面。反之由于 POST方法不依赖于URL,所以使用POST方法传送数据时,地址栏 只会显示表单ACTION所指向的URL,而不会显示用户输入的数据。
15.2 URL参数与PHP
• 使用URL参数,也是与用户实现互动的一种重要方式。不过该种方 式与使用表单相比的缺点也显而易见,就是可视化及友好程度都要 差一些。表单使用各种表单元素来供用户进行输入信息或者选择某 些选项。而URL则只能提供超连接的形式来供用户选择或者使用某 些信息。同时由于URL的数据发送方式与表单提交的GET方式类似, 所以使用URL所附带的各种参数都会完全显示在浏览器的地址栏上。 所以,它在安全性方面也存在局限性。
15.2.2 用PHP处理提交的参数
• 前面在介绍表单的提交方式时曾提到过:采用表单的GET提交方式 提交的数据被附加到URL上,作为URL的一部分发送到服务器端。 这种方式就类似于采用URL方式实现互动。所以对于采用URL参数 方式提交表单数据的获取也采用$_GET["参数名称"]的方式来获取。 • 如上面的: • http://127.0.0.1/15-3.php?username=JACK&sex=男&age=23 • 调用时就可以这样:$_GET[‘usernma’]、$_GET[‘sex’]、 $_GET[‘age’]来获取。 • 【示例15-3】以下代码编写一个可以处理用户以URL加参数形式提 交内容的PHP页面。
15.1 用表单实现人机互动
• 表单(FORM)是最常用的网页组件,同时也是交互式网页,实现 人机互动的最常用的方式。不管是在动态的ASP、PHP、JSP文件 中,还是在静态的HTM、HTML等文件中都可以发现表单的身影。 这一节就来为读者介绍表单的使用以及如何使用表单来实现人机互 动。
15.1.1 表单元素的组成
15.3 表单使用实例
• 该实例实现如下功能:当有用户表单提交操作时,把用户所输入的 表单内容存放一个以该用户所输入的用户名为文件名的文本文件 中。 • 【示例15-4】以下为表单使用实例代码。
15.4 本章小结
• 实现人机交互是动态网页技术的重要特点之一。本章主要介绍用 PHP实现人机交互的两种方式:表单方式和URL参数方式。其中表 单方式常用于论坛中的用户注册、用户登录信息录入等。而URL参 数方式多见于留言本中的分页显示、论坛中的分主题显示、论坛中 不同子论坛之间的跳转等。可以说,两种方式都有着广泛的应用, 并且它们各有其优缺点,互为补充。 • 通过本章对两种实现人机交互方式的学习,及对具体使用实例的介 绍,相信读者对于如何通过PHP代码实现人机交互会有一个深刻的 认识。从而为写出高效率的Web应用程序打下坚实的基础。 • 编写人机交互程序有一个问题需要引起读者的注意,那就是要了解 php.ini中GLOBAL的状态,对于该值不同的状态采用不同的变量获 取形式。
第15章 用PHP实现人机交互
• 在本书的第1章曾就动态网页与静态网页的区别为读者做了介绍。 其中动态网页的一个显著特征就在于它能实现人机互动。对用户输 入或者选择的内容能做出相应的回应。这也是动态网页区别于静态 网页的一个特征。其他动态技术是这样,PHP当然也不例外。用 PHP也能实现人机互动。这一节就为读者介绍如何用PHP实现人机 互动。 • 人机互动一般采用两种方式:一种采用表单,通过不同的选项,或 者输入不同的内容,返回结果也不同;另一种是采用URL地址加上 各种参数实现互动,参数不同,返回的内容也有所不同。基于这两 种方式。本章内容主要也分为两大部分:用表单实现人机互动; URL参数与PHP。通过本章的学习,使读者能够熟练地使用这两种 方式实现人机互动。从而能在此基础上写出丰富的Web应用程序。
• 表单(FORM)由表单元素构成。常用的表单元素有以下几种:TEXT(文本框)、PASSWORD (密码输入框)、BUTTON(普通按钮)、RADIO(单选按钮)、CHECKBOX(复选框)、 SELECT(列表框)、TEXTAREA(文本域)、SUBMIT(提交按钮)、RESET(重置按钮)、 HIDDEN(隐藏域)等。 • 1.TEXT(文本输入框) • 文本框允许用户输入字符、数字或者中文字符等内容。它常用的属性有:NAME属性、VALUE属 性、SIZE属性等。 • 文本输入框通常像: • <input type="text" name="username" value=" 在这里输入用户名" size="20"> • 其中,NAME属性指该表单元素的名称,一是区别于其他表单元素的标志,另外设置该属性以便 在程序中能够调用该表单元素。 • 2.PASSWORD(密码输入框) • 基本属性与TEXT(文本输入框)相同。不同的是文本输入框中,可以输入中文或者其它字符。 而一旦PASSWORD(密码输入框)获得焦点,中文输入法将不再起作用。密码输入框里面只能 输入键盘上所标出的符号,而不能输入中文。另外,TEXT(文本输入框)中所输入的内容全都 是可见的,而PASSWORD(密码输入框)中输入的所用信息都将以星号(*)显示。之所以这样 就是为了保护密码不被别人发现。 • 3.BUTTON(普通按钮) • 按钮表单像下面这样: • <input type="button" value=" 点击这里" onclick="functionname()"> • 该表单元素,也具有NAME属性与VALUE属性。属性的意义与TEXT(文本输入框)大同小异。
15.1.1 表单元素的组成
• • • • • • • • • • • • • • • • 4.RADIO(单选按钮) 单选按钮的使用如下所示: <input type="radio" name="sex" value=" 男" checked> 单选按钮通常是以一组出现,该组应具有相同的NAME属性和不同的VALUE属性。 5.CHECKBOX(复选框) 复选框像下面这样的样式: <input type="checkbox" name="fav" value=" 游戏"> 该表单元素和RADIO(单选按钮)类似,通常也是以一组出现,该组具有相同的NAME属性和不 同的VALUE属性。 6.SELECT(列表框) 列表框通常使用以下所示的样式: <select name="type" size="1"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 该表单元素与前面提到的几种有一定的区别。SELECT元素有NAME属性也有SIZE属性。
相关主题