之前我们在HTML表单学习这篇文章里面创建了一个HTML页面下的表单。

这个表单是用户用来输入数据的

具体代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body> <h1>用户登录</h1> <form name="input" action="action.php" method="post"> 账号:<input type="text" name="user"><br><br>
密码:<input type="password" name="pwd"><br><br>
性别: <input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
<br><br>
爱好: <input type="checkbox" name="hobby[]" value="basketball">篮球
<input type="checkbox" name="hobby[]" value="football">足球
<input type="checkbox" name="hobby[]" value="badminton">羽毛球
<br><br>
<input type="submit" value="提交"> </form> </body>
</html>

我们看到在表单标签里面有两个属性,其中一个是action,另外一个是method

当我们点击submit按钮之后,这些内容会传送到action指定的php文件。

而在PHP中有一个超级全局变量$_POST

这个超级全局变量$_POST就是PHP用来接收表单数据的,不过要在表单属性method中指定post,它才会实现接收的功效。

然后下面我们给出action.php文件的内容:

<?php
$user = $_POST['user'];
$pwd = $_POST['pwd'];
$sex = $_POST['sex'];
$hobby=isset($_POST['hobby'])?$_POST['hobby']:""; echo "您的账号是:",$user,"<br>";
echo "您的密码是:",$pwd,"<br>";
echo "您的性别是:",$sex,"<br>";
echo "您的爱好是: "; if(is_array($hobby)){
foreach($hobby as $x){
echo $x . " ";
}
}
?>

通过点击submit按钮,然后这些数据就被转移到action.php这个页面,我们的浏览器也就跳转到这个页面了。

可以看到我们用来接收数据的是$_POST这个变量,里面放的是表单元素的name值,就会对应的传送给PHP的这些变量了。

值得注意一点的是,我们在HTML页面里面,这个复选框的name是hobby[],因为复选框要传送多个数组,所以它的name应该是一个数组的形式。

不然的话只会传送给变量一个值,而我们需要的是复选框的一组值。

当然了,虽然复选框在HTML页面里面的name是hobby[]

但是我们在接收的时候仍然是$_POST['hobby'],这个东东实际上已经是一个数组了。

这个时候我们需要做一个保护措施,为了防止有的时候我们的复选框是什么都没有选的空值,而不是一个数组,这个时候我们就做一个检验

$hobby=isset($_POST['hobby'])?$_POST['hobby']:"";

isset() 函数用于检测变量是否已设置并且非 NULL。

如果是空的话呢,那么$hobby也就赋予空值了,如果不空,那么$hobby这个变量得到的就是复选框的整个数组的内容了。

然后我们用一个foreach循环来输出一下这个数组,展示出来。

if(is_array($hobby)){
foreach($hobby as $x){
echo $x . " ";
}
}

is_array() 函数用于检测变量是否是一个数组,如果是一个数组的话呢,就展示出来,如果不是一个数组的话呢,就不做任何动作。

PHP 中换行可以用 PHP_EOL 来替代,以提高代码的源代码级可移植性

好了,到了这里,我们的第一个HTML和PHP的交互案例已经做完了。

这也是我们的第一个前端和后端的一个交互案例。

HTML是前端,作为客户的浏览界面,PHP是在服务器端执行的程序,是后端,这就通过案例加深我们对前端和后端,浏览器端和服务器端的理解。

然后做完这个交互之后,我们接下来要做的就是PHP和MYSQL之间的交互,也就是说,要基于这个案例,把PHP的值保存到服务器端的数据库中去。

要知道,如果不进行保存的话,那么我们每次得到的数据就会消失,只有保存下来,这些数据才不会消失,那么我们每次打开一个网页的时候,就会展示我们之前的所有内容

好,我们下一个随笔就开始写PHP和MYSQL的交互。

PHP全栈开发(六):PHP与HTML页面交互的更多相关文章

  1. Python 全栈开发六 常用模块学习

    本节大纲: 模块介绍 time &datetime模块 random os sys shutil json & picle shelve configparser hashlib 一. ...

  2. python 全栈开发,Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)

    昨日内容回顾 ajax //get post 两种方式 做 请求 get 主要是获取数据 post 提交数据 同一个路由地址 既可以是get请求也可以是post请求 一个路由对应一个函数 get请求 ...

  3. python 全栈开发,Day132(玩具管理页面,控制玩具通讯录,基于请求的好友关系建立)

    先下载github代码,下面的操作,都是基于这个版本来的! https://github.com/987334176/Intelligent_toy/archive/v1.5.zip 注意:由于涉及到 ...

  4. python 全栈开发,Day18(对象之间的交互,类命名空间与对象,实例的命名空间,类的组合用法)

    一.对象之间的交互 现在我们已经有一个人类了,通过给人类一些具体的属性我们就可以拿到一个实实在在的人.现在我们要再创建一个狗类,狗就不能打人了,只能咬人,所以我们给狗一个bite方法.有了狗类,我们还 ...

  5. Python全栈开发【基础一】

    Python全栈开发[第一篇] 本节内容: Python 的种类 Python 的环境 Python 入门(解释器.编码.变量.input输入.if流程控制与缩进.while循环) if流程控制与wh ...

  6. python 全栈开发之路 day1

    python 全栈开发之路 day1   本节内容 计算机发展介绍 计算机硬件组成 计算机基本原理 计算机 计算机(computer)俗称电脑,是一种用于高速计算的电子计算机器,可以进行数值计算,又可 ...

  7. python全栈开发中级班全程笔记(第二模块、第四章)(常用模块导入)

    python全栈开发笔记第二模块 第四章 :常用模块(第二部分)     一.os 模块的 详解 1.os.getcwd()    :得到当前工作目录,即当前python解释器所在目录路径 impor ...

  8. Python全栈开发记录_第一篇(循环练习及杂碎的知识点)

    Python全栈开发记录只为记录全栈开发学习过程中一些难和重要的知识点,还有问题及课后题目,以供自己和他人共同查看.(该篇代码行数大约:300行) 知识点1:优先级:not>and 短路原则:a ...

  9. Python巨蟒全栈开发目录

    巨蟒python全栈开发-第一阶段 基础数据类型&基础 1.什么是计算机&&python的简介(待补充) 2.while循环&&格式化输出&&运 ...

  10. 老男孩Python高级全栈开发工程师三期完整无加密带课件(共104天)

    点击了解更多Python课程>>> 老男孩Python高级全栈开发工程师三期完整无加密带课件(共104天) 课程大纲 1.这一期比之前的Python培新课程增加了很多干货:Linux ...

随机推荐

  1. 常用的函数式接口_Consumer接口和常用的函数式接口_Consumer接口的默认方法andThen

    Consumer接口 java,util.function.Consumer接口则正好与Supplier接口相反,它不是生产一个数据,而是消费一个数据,其数据类型由泛型决定 抽象方法:accept C ...

  2. 20220724-Java的继承

    目录 含义 代码示例 使用方法和注意事项 个人理解 含义 继承Extends 面向对象最显著的一个特性,继承是从已有的类中派生出新的类,新的类能吸收已有类的性和方法,并能扩展新的能力. 代码示例 cl ...

  3. Spring源码学习笔记9——构造器注入及其循环依赖

    Spring源码学习笔记9--构造器注入及其循环依赖 一丶前言 前面我们分析了spring基于字段的和基于set方法注入的原理,但是没有分析第二常用的注入方式(构造器注入)(第一常用字段注入),并且在 ...

  4. 一文带你弄懂 CDN 技术的原理

    对于 CDN 这个东西,相信大家都有耳闻,感觉既陌生但又熟悉.最近深入了解了一下 CDN,这才发现原来 CDN 如此重要!今天就跟大家科普一下 CDN 是什么,以及为啥要有 CDN,最后再讲一下 CD ...

  5. CF242E XOR on Segment

    CF242E XOR on Segment codeforces 洛谷 关于异或,无法运用懒标记实现区间异或: 可以像trie树一样拆位,将每个值拆成二进制数,对此建相应个数的线段树. 0 1与 0异 ...

  6. Go语言 context包源码学习

    你必须非常努力,才能看起来毫不费力! 微信搜索公众号[ 漫漫Coding路 ],一起From Zero To Hero ! 前言 日常 Go 开发中,Context 包是用的最多的一个了,几乎所有函数 ...

  7. 技术专家说 | 如何基于 Spark 和 Z-Order 实现企业级离线数仓降本提效?

    [点击了解更多大数据知识] 市场的变幻,政策的完善,技术的革新--种种因素让我们面对太多的挑战,这仍需我们不断探索.克服. 今年,网易数帆将持续推出新栏目「金融专家说」「技术专家说」「产品专家说」等, ...

  8. JedisConnectionException: java.net.SocketException: Broken pipe (Write failed) 问题排查

    问题描述 笔者有2个应用会不定时请求redis,其中一个应用大约每分钟请求一次,可以正常请求,但是另一个大约每小时请求一次的应用,经常出现Broken pipe (Write failed)报错,具体 ...

  9. q 短引用标签

    <q/>标签可以使一段文本作为引用. <p>他说:<q>明天要下雨</q>.</p> 注意,源代码中并没有为这段文字添加引用符号,而是添加了 ...

  10. iOS 集成WebRTC相关知识点总结

    前言 本文主要是整理了使用WebRTC做音视频通讯时的各知识点及问题点.有理解不足和不到位的地方也欢迎指正. 对于你感兴趣的部分可以选择性观看. WebRTC的初始化 在使用WebRTC的库之前,需要 ...