PHP与Web页面交互例子的实现

000
目录

1. HTML 部分

1.1 新建 10-29.html 文件

PHP与Web页面交互例子的实现

1.2 引用 PHP 文件（10-29.PHP）

<form name=\"form1\" action=\"10-29.php\" method=\"post\">

1.3 html 主体部分

<form name=\"form1\" action=\"10-29.php\" method=\"post\">
    <label>输入姓名：</label>
    <input type=\"text\" name=\"username\"/><br /><br />
    <label>输入密码：</label>
    <input type=\"password\" name=\"password\"/><br /><br />
    <label>确认密码：</label>
    <input type=\"password\" name=\"repassword\"/><br /><br />
    <label>选择性别：</label>
    <input type=\"radio\" name=\"gender\" value=\"男\" checked=\"checked\"/>男
    <input type=\"radio\" name=\"gender\" value=\"女\"/>女<br /><br />
    <label>兴趣爱好：</label>
    <input type=\"checkbox\" name=\"interest[]\" value=\"唱歌\"/>唱歌
    <input type=\"checkbox\" name=\"interest[]\" value=\"攀岩\"/>攀岩
    <input type=\"checkbox\" name=\"interest[]\" value=\"瑜伽\"/>瑜伽
    <input type=\"checkbox\" name=\"interest[]\" value=\"电竞\"/>电竞
    <input type=\"checkbox\" name=\"interest[]\" value=\"绘画\"/>绘画<br /><br />
    <label>选择职业：</label>
    <select name=\"occup\">
        <option value =\"教师\">教师</option>
        <option value =\"商人\">商人</option>
        <option value =\"工人\">工人</option>
        <option value =\"司机\">司机</option>
        <option value =\"售票员\">售票员</option>
    </select><br /><br />
    <input type=\"submit\" name=\"submit\" value=\"提交数据\" />
</form>

完整代码如下

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <title>PHP 与 Web 页面交互</title>
</head>
<body>
<form name=\"form1\" action=\"10-29.php\" method=\"post\">
    <label>输入姓名：</label>
    <input type=\"text\" name=\"username\"/><br /><br />
    <label>输入密码：</label>
    <input type=\"password\" name=\"password\"/><br /><br />
    <label>确认密码：</label>
    <input type=\"password\" name=\"repassword\"/><br /><br />
    <label>选择性别：</label>
    <input type=\"radio\" name=\"gender\" value=\"男\" checked=\"checked\"/>男
    <input type=\"radio\" name=\"gender\" value=\"女\"/>女<br /><br />
    <label>兴趣爱好：</label>
    <input type=\"checkbox\" name=\"interest[]\" value=\"唱歌\"/>唱歌
    <input type=\"checkbox\" name=\"interest[]\" value=\"攀岩\"/>攀岩
    <input type=\"checkbox\" name=\"interest[]\" value=\"瑜伽\"/>瑜伽
    <input type=\"checkbox\" name=\"interest[]\" value=\"电竞\"/>电竞
    <input type=\"checkbox\" name=\"interest[]\" value=\"绘画\"/>绘画<br /><br />
    <label>选择职业：</label>
    <select name=\"occup\">
        <option value =\"教师\">教师</option>
        <option value =\"商人\">商人</option>
        <option value =\"工人\">工人</option>
        <option value =\"司机\">司机</option>
        <option value =\"售票员\">售票员</option>
    </select><br /><br />
    <input type=\"submit\" name=\"submit\" value=\"提交数据\" />
</form>
</body>
</html>

2. PHP 部分

2.1 新建 10-29.php 文件

PHP与Web页面交互例子的实现

2.2 定义变量，获取

$username = $_POST[\'username\'];       //获取姓名
$password = $_POST[\'password\'];     //获取密码
$repassword = $_POST[\'repassword\'];
$gender = $_POST[\'gender\'];           //获取性别
$interest = $_POST[\'interest\'];       //获取兴趣爱好
$occup = $_POST[\'occup\'];             //获取职业

判断输入的内容是否为空

if($_SERVER[\'REQUEST_METHOD\'] == \'POST\'){
    //判断姓名是否为空
    if($username == \"\"){
        echo \"<script>alert(\'姓名不能为空！请重新输入！\')</script>\";     //弹出信息提示框
        exit;       //程序中断，不再向下执行
    }
    elseif(strlen($username) <2){
        echo \"<script>alert(\'姓名的的长度应大于2个字符！请重新输入！\')</script>\";
        exit;
    }
    //判断密码是否为空
    if($password == \"\"){
        echo \"<script>alert(\'密码不能为空！请重新输入！\')</script>\";
        exit;
    }
    elseif(strlen($password) <6){
        echo \"<script>alert(\'密码长度不能小于6个字符！请重新输入！\')</script>\";
        exit;
    }
    elseif(strlen($password) >12){
        echo \"<script>alert(\'密码长度不能大于12个字符！请重新输入！\')</script>\";
        exit;
    }
    //判断两次输入的密码是否一致
    if($password != $repassword){
        echo \"<script>alert(\'两次输入的密码不一致！请重新输入！\')</script>\";
        exit;
    }
    //判断兴趣爱好是否已选择

    if($interest == \"\"){
        echo \"<script>alert(\'兴趣爱好未选择！请重新选择！\')</script>\";
        exit;
    }
}

2.3 输出值

echo \"姓名：\".$username.\"<br/>\";
echo \"密码：\".$password.\"<br />\";
echo \"性别：\".$gender.\"<br />\";
echo \"爱好：\".implode(\'、\',$interest).\"<br />\";     //用“、“，隔开
echo \"职业：\".$occup.\"<br />\";

完整代码如下

<?php
$username = $_POST[\'username\'];       //获取姓名
$password = $_POST[\'password\'];     //获取密码
$repassword = $_POST[\'repassword\'];
$gender = $_POST[\'gender\'];           //获取性别
$interest = $_POST[\'interest\'];       //获取兴趣爱好
$occup = $_POST[\'occup\'];             //获取职业

if($_SERVER[\'REQUEST_METHOD\'] == \'POST\'){
    //判断姓名是否为空
    if($username == \"\"){
        echo \"<script>alert(\'姓名不能为空！请重新输入！\')</script>\";     //弹出信息提示框
        exit;       //程序中断，不再向下执行
    }
    elseif(strlen($username) <2){
        echo \"<script>alert(\'姓名的的长度应大于2个字符！请重新输入！\')</script>\";
        exit;
    }
    //判断密码是否为空
    if($password == \"\"){
        echo \"<script>alert(\'密码不能为空！请重新输入！\')</script>\";
        exit;
    }
    elseif(strlen($password) <6){
        echo \"<script>alert(\'密码长度不能小于6个字符！请重新输入！\')</script>\";
        exit;
    }
    elseif(strlen($password) >12){
        echo \"<script>alert(\'密码长度不能大于12个字符！请重新输入！\')</script>\";
        exit;
    }
    //判断两次输入的密码是否一致
    if($password != $repassword){
        echo \"<script>alert(\'两次输入的密码不一致！请重新输入！\')</script>\";
        exit;
    }
    //判断兴趣爱好是否已选择

    if($interest == \"\"){
        echo \"<script>alert(\'兴趣爱好未选择！请重新选择！\')</script>\";
        exit;
    }
}
echo \"姓名：\".$username.\"<br/>\";
echo \"密码：\".$password.\"<br />\";
echo \"性别：\".$gender.\"<br />\";
echo \"爱好：\".implode(\'、\',$interest).\"<br />\";     //用“、“，隔开
echo \"职业：\".$occup.\"<br />\";
?>

3. 执行结果如下所示

3.1 未输入姓名

PHP与Web页面交互例子的实现

PHP与Web页面交互例子的实现

3.2 姓名长度不足2个字符

PHP与Web页面交互例子的实现

PHP与Web页面交互例子的实现

3.3 实现的功能如下所示

判断姓名是否为空，是否大于2个字符；

判断密码是否为空，是否为 6 ~ 12个字符；

判断两次输入的密码是否一致；

判断兴趣爱好是否已勾选；

输出正确的值；

© 版权声明
版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
THE END
PHP
# 编程开发# php
喜欢就支持一下吧
点赞0 分享
网络的头像-偶像资源网
python多维列表总是只转为一维数组问题解决-偶像资源网
python多维列表总是只转为一维数组问题解决
python多维列表总是只转为一维数组问题解决
27天前 41
Python pyecharts 数据可视化模块的配置方法-偶像资源网
Python pyecharts 数据可视化模块的配置方法
Python pyecharts 数据可视化模块的配置方法
27天前 28
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked-偶像资源网
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checke...
31天前 4
jQuery实现滚动效果-偶像资源网
jQuery实现滚动效果
jQuery实现滚动效果
28天前 3
css文本两端对齐的实现代码-偶像资源网
css文本两端对齐的实现代码
css文本两端对齐的实现代码
31天前 2
PHP队列原理及基于队列的写文件案例-偶像资源网
PHP队列原理及基于队列的写文件案例
PHP队列原理及基于队列的写文件案例
28天前 2
相关推荐
python多维列表总是只转为一维数组问题解决-偶像资源网
python多维列表总是只转为一维数组问题解决
python多维列表总是只转为一维数组问题解决
27天前 41
Python pyecharts 数据可视化模块的配置方法-偶像资源网
Python pyecharts 数据可视化模块的配置方法
Python pyecharts 数据可视化模块的配置方法
27天前 28
吊打全网所有精美导航页引导页HTML源码-偶像资源网
吊打全网所有精美导航页引导页HTML源码
吊打全网所有精美导航页引导页HTML源码
31天前 24
css的基本选择器有哪些？-偶像资源网
css的基本选择器有哪些？
css的基本选择器有哪些？
32天前 23
5.9K⭐ 轻松搞定定时任务！Web管理超便捷-偶像资源网
5.9K⭐ 轻松搞定定时任务！Web管理超便捷
5.9K⭐ 轻松搞定定时任务！Web管理超便捷
31天前 23
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked-偶像资源网
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
31天前 4
评论 抢沙发

请登录后发表评论

    暂无评论内容