第7章php与web页面交互_第1页
第7章php与web页面交互_第2页
第7章php与web页面交互_第3页
第7章php与web页面交互_第4页
第7章php与web页面交互_第5页
已阅读5页，还剩47页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第7章PHP与Web页面交互7.1表单数据采集7.2综合实训案例第7章PHP与Web页面交互学习目的与要求掌握PHP程序提取网页中数据的方法思考？？？如何提取login.html中用户输入的内容呢？Login.html核心代码<formmethod="POST"action="">用户名：<inputtype="text"name="login_name"/><br/>密码：<inputtype="password"name="login_password"/><br/><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></form>7.1表单数据采集7.1.1表单1.表单属性表单常用的属性有：name、id、title、action、method、enctype等。表单属性的描述如表所示。属

性说

明name表单的名称id表单的id号title表单的标题method表单数据提交的方式，包括GET和POST两种方式，默认为GETaction将表单中的数据“提交”的目的地址。若为空，则提交给当前文件enctype设置提交表单数据时的编码方式，包括multipart/form-data和application/x-www-form-urlencoded。若表单中存在文件上传框，必须将enctype属性设置为multipart/form-datatarget用来指定目标窗口思考？？？如何提取login.html中用户输入的内容呢？创建login.php页面---去提取Login.php<?php echo"用户名：",$_POST["login_name"],"<br/>";echo"密码：",$_POST["login_password"],"<br/>";?>login.html中关联login.php<formmethod="POST"action=“login.php">用户名：<inputtype="text"name="login_name"/><br/>密码：<inputtype="password"name="login_password"/><br/><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></form>7.1.2表单控件表单创建完成后，就可以在表单标签<form>和</form>之间添加表单控件来采集浏览器的数据。表单控件包括：文本框、文本域、复选框、单选按钮、文件上传框和下拉列表框等。1.文本框文本框是一种让用户输入内容的表单控件，通常用来输入简单的单行信息，如用户名、邮箱地址、登录密码等。代码格式：<inputtype="text"name="…"size="…"maxlength="…"value="…"/>文本框的属性说明如表所示。属

性说

明type定义文本框的类型。值可以取text、password。若为text，则显示输入的内容；若为password，则输入的内容均显示为*，一般应用于输入登录密码name文本框的名称size定义文本框的宽度，默认为20maxlength定义输入字符的最大数量value文本框显示的初始值【实例7-2】PHP程序采集文本框的数据。

创建静态网页文件text.html，在文件中创建表单标签，并在表单标签内添加两个文本框控件。文本框控件的属性如表所示。属

性文本框1文本框2typetextpasswordnamelogin_namelogin_passwordsize2020maxlength2020text.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"></head><body><formmethod="POST"action="login.php"> <p>用户名：<inputtype="text"name="login_name"size="20"maxlength="20"/></p> <p>密码：<inputtype="password"name="login_password"size="20"maxlength="20"/></p> <p><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></p></form></body></html>text.html文件打开后，分别在两个文本框内输入用户名和密码，最后再单击“提交”按钮，如图所示。创建login.php，用于接收text.html文件中文本框控件的数据，程序代码如下：<?php header("Content-Type:text/html;charset=gb2312"); echo"用户名：",$_POST["login_name"],"<br/>"; echo"密码：",$_POST["login_password"],"<br/>";?>2.文本域文本域是一种多行的文本框，能够让用户输入较长的文字信息。代码格式如下：<textareaname="…"cols="…"rows="…">content</textarea>文本域的属性说明如表所示。属

性说

明name文本域的名称cols定义文本域的宽度rows定义文本域的高度content定义文本域显示的文字内容思考：

下面文本域中的内容如何提取？【实例7-3】PHP程序采集文本域的数据。

创建静态网页文件textarea.html，在文件中创建表单标签，并在表单标签内添加一个文本域控件。文本域控件的属性如表所示。属

性属性值nametextcols20rows14textarea.html文件代码如下：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>文本区实例</title></head><body><formmethod="POST"action="show_text.php"> <textareaname="text"cols="60"rows="14"></textarea><br><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></form></body></html>textarea.html文件打开后，在文本域内输入字符，最后再单击“提交”按钮，如图所示。创建show_text.php，用于接收textarea.html文件中文本域控件的数据，程序代码如下：<?php$content=$_POST["text"];echo$content;?>思考：

下面复选框中的内容如何提取？3.复选框复选框用来在浏览器上为用户提供一些选项，用户可从中任意选择。其代码格式如下：<inputtype="checkbox"name="…"value="…"[checked]/>属

性说

明name定义复选框的名称value定义复选框的值checked可选。定义初始状态下复选框是否被选中【实例7-4】PHP程序采集复选框的数据。

创建网页文件checkbox.html，在文件中创建表单标签，并在表单标签内添加三个复选框控件。复选框控件的属性如表所示。属

性复选框1复选框2复选框3namechk1chk2chk3value音乐旅游体育checkbox.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>复选框实例</title></head><body><formmethod="POST"action="show_checkbox.php"><inputtype="checkbox"name="chk1"value="音乐">音乐<p><inputtype="checkbox"name="chk2"value="旅游">旅游<p><inputtype="checkbox"name="chk3"value="体育">体育<p><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"> </form></body></html>checkbox.html文件打开后在复选框间任意选择，最后再单击“提交”按钮。创建show_checkbox.php，用于接收checkbox.html中复选框控件chk1、chk2、chk3的数据，程序代码如下：<?phpheader("Content-Type:text/html;charset=gb2312");if(isset($_POST["chk1"]))//判断是否传递了chk1的值

echo"你选择了".$_POST["chk1"]."<br/>";if(isset($_POST["chk2"]))//判断是否传递了chk2的值

echo"你选择了".$_POST["chk2"]."<br/>";if(isset($_POST["chk3"]))//判断是否传递了chk3的值echo"你选择了".$_POST["chk3"]."<br/>";?>另外一种方法-------复选框以数组命名的方式【实例7-5】复选框以数组命名的方式来传递数据。

创建网页文件checkbox.html，在文件中创建表单标签，并在表单标签内添加三个复选框控件。复选框控件的属性如表所示。属

性复选框1复选框2复选框3nameChk[]Chk[]Chk[]value音乐旅游体育checkbox.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>复选框实例</title></head><body><formmethod="POST"action="show_checkbox.php"><inputtype="checkbox"name="chk[]"value="音乐">音乐<p><inputtype="checkbox"name="chk[]"value="旅游">旅游<p><inputtype="checkbox"name="chk[]"value="体育">体育<p><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"> </form></body></html>创建show_checkbox.php，用于接收checkbox.html中复选框控件的数据，程序代码如下：<?phpheader("Content-Type:text/html;charset=gb2312");for($i=0;$i<count($_POST["chk"]);$i++){ echo"你选择了".$_POST["chk"][$i];}?>思考：

下面单选按钮中的内容如何提取？4.单选按钮单选按钮是在浏览器上让用户在若干个选项中选择其中一个项目。其代码格式如下：<inputtype="radio"name="…"value="…"[checked]/>属

性说

明name定义单选按钮的名称value定义单选按钮的值checked可选。定义初始状态下单选按钮是否被选中【实例7-6】PHP程序采集单选按钮的数据。创建网页文件radio.html，在文件中创建表单标签，并在表单标签内添加三个单选按钮控件。单选按钮控件的属性如表所示。属

性单选按钮1单选按钮2单选按钮3nameradio1radio1radio1value北京上海广州radio.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>单选钮实例</title></head><body><formmethod="POST"action="show_radio.php"><inputtype="radio"name="radio1"value="北京">北京<p><inputtype="radio"name="radio1"value="上海">上海<p><inputtype="radio"name="radio1"value="广州">广州<p><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"> </form></body></html>radio.html文件打开后在单选按钮间任选一项，最后再单击“提交”按钮。创建show_radio.php，用于接收radio.html中单选按钮控件的数据，程序代码如下：<?phpheader("Content-Type:text/html;charset=gb2312");if(isset($_POST["radio1"]))echo"你选择了".$_POST["radio1"]."<br/>";?>提示：●具有相同名称的单选按钮为一组，一组单选按钮中只能选择一项。

●若单选按钮中初始状态下有一个处于选中状态，则在PHP程序中可以不

使用isset()函数；若初始状态下没有单选按钮处于选中状态，则在PHP

程序中必须使用isset()函数来判断单选按钮的值是否被传递过来。思考：

下面下拉列表中的内容如何提取？5.下拉列表框下拉列表框是让用户在一系列下拉选项中选择项目的控件，分为单选下拉列表框和多选下拉列表框。其代码格式如下：<selectname="…"size="…"[multiple]><optionvalue="…"[selected]>…</option><optionvalue="…">…</option>

…</select>下拉列表框的属性说明如表所示。属

性说

明name定义下拉列表框的名称size定义下拉列表框的高度multiple可选。定义下拉列表框是单选还是多选，默认为单选。当为多选时，在按住Ctrl键的同时，单击选择项可进行多选，或者按住Shift键单击连续多选value定义下拉列表框每个选项的值，若没有定义该属性，则选项的值为<option>和</option>之间的内容selected可选。定义下拉列表框的选项在初始状态下是否为选中状态，一个下拉列表框中只能有一个选项处于选中状态【实例7-7】用PHP程序采集下拉列表框的数据。

创建网页文件list.html，在文件中创建表单标签，并在表单标签内添加一个下拉列表框控件。下拉列表框控件的属性如表所示。属

性属性值namelist1size5valueVisualBasic，PHP，C语言list.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>单选钮实例</title></head><body><formmethod="POST"action="show_list.php"><selectsize="5"name="list1"> <optionvalue="VisualBasic">VisualBasic</option> <optionvalue="PHP">PHP</option> <optionvalue="C语言">C语言</option> </select></br> <inputtype="submit"value="提交"name="B1"> <inputtype="reset"value="重置"name="B2"></form></body></html>list.html文件打开后在下拉列表框中任选一项，最后再单击“提交”按钮，如图所示。创建show_list.php，用于接收list.html中下拉列表框控件的数据，程序代码如下：<?phpheader("Content-Type:text/html;charset=gb2312");echo"你选择了".$_POST["list1"]."<br/>";?>提示：

当下拉列表框为多选时，可以将下拉列表框的name定义为数组形式。在PHP程序中采用数组的方式采集下拉列表框的数据，此时list.html文件中下拉列表框的定义语句可以写为

<selectsize="5"name="list1[]"multiple>

则PHP程序代码可以写为

<?phpheader("Content-Type:text/html;charset=gb2312");echo"你选择了：<br/>";for($i=0;$i<count($_POST["list1"]);$i++)echo$_POST["list1"][$i]."<br/>";?>思考：

下面文件选择按钮选择的内容如何提取？6.文件上传框文件上传框是用户在上传文件时用来选择文件的控件。其代码格式如下：<inputtype="file"name="…"size="…"maxlength="…"/>属

性说

明name定义文件上传框的名称size可选。定义文件上传框的宽度maxlength可选。定义文件上传框最多输入的字符数【实例7-8】用PHP程序采集文件上传框的数据。

创建网页文件file.html，在文件中创建表单标签，并在表单标签内添加一个文件上传框控件。文件上传框控件的属性如表所示。属

性说

明namemy_filesize40maxlength100file.html文件代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></head><body><formmethod="POST"action="show_file.php"><inputtype="file"name="my_file"size="40"maxlength="100"></br><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></form></body></html>创建show_file.php，用于接收file.html中文件上传控件的数据，程序代码如下：<?php header("Content-Type:text/html;charset=gb2312"); echo"你选择的文件是：<br/>"; echo$_POST["my_file"];?>提示：●每个文件上传框只能选择一个文件。

●使用文件上传框上传文件时，表单标签<form>的enctype属性值必须设

置为multipart/form-data，method属性必须设置为POST提交方式，即

<formmethod=“POST”enctype=“multipart/form-data”action=“”>。

PHP程序上传文件的代码将在第12章中详细列出。补充-----思考？？？-----别的提取方式？？如何提取login.html中用户输入的内容呢？创建login.php页面---去提取login.php----GET方式提取可以吗？<?php echo"用户名：",$_GET["login_name"],"<br/>";echo"密码：",$_GET["login_password"],"<br/>";?>Login.html核心代码---GET方式<formmethod=“GET"action="">用户名：<inputtype="text"name="login_name"/><br/>密码：<inputtype="password"name="login_password"/><br/><inputtype="submit"value="提交"name="B1"><inputtype="reset"value="重置"name="B2"></form>表单向服务器提交数据的方式有2种方式（1）POST方式

-----提取值时，用$_POST[]（2）GET方式

-----提取值时，用$_GET[]POST、GET方式的区别？？？？？POST、GET方式的区别区别主要有2点：（1）GET方式传递的参数会出现在网址栏，而POST方式不会。（2）当要传递大量数据，如图片、视频等，POST方式才能胜任，GET方式适合传递少量数据。登录页面适合采用哪种方式呢？别的例子也可以用GET方式吗？7.2综合实训案例本节主要介绍用户注册页面的设计方法和步骤。1.分析创建静态网页文件register.html，包含一个form表单，添加用于注册信息的控件，控件的属性如表所示。控件类型属

性说

明文本框name=user_nametype=text用户名称文本框name=password1type=password登录密码文本框name=password2type=password确认密码单选按钮Name=sextype=radio性别复选框Name=interests[]type=checkbox个人爱好文本域Name=remark备注register.html页面打开后，用户依次输入注册信息，最后单击“提交”按钮即可，如图所示。创建PHP程序文件upload_register.php，用来接收register.html页面传递过来的数据。程序运行结果如图所示。2.程序代码register.html程序代码如下：<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>用户注册</title></head><body><formaction="upload_register.php"method=post><palign="center">用户注册<br/>用户名：<inputtype="text"name="user_name"size="20"><br/>登录密码：<inputtype="password"name="password1"size="20"><br/>确认密码：<inputtype="p

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论