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

2024-10-09 05:17:46

1. HTML 部分

1.1 新建 10-29.html 文件

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 文件

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 未输入姓名

3.2 姓名长度不足2个字符

3.3 实现的功能如下所示

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

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

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

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

输出正确的值；

到此这篇关于PHP与Web页面交互例子的实现的文章就介绍到这了,更多相关PHP Web交互内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

PHP与Web页面的交互示例详解二

前言在<PHP学习笔记-PHP与Web页面的交互1>笔记中讲解了form表单的一些属性,包括它的输入域标记.选择域标记和文字域标记的写法,接下来的内容就是讲如何获取表单数据以及PHP数据的传递,包括对各种控件值的获取. 插入表单提交表单之前一定得有表单,当我们的表单创建完毕后可以将表单插入Web页中,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w
利用php做服务器和web前端的界面进行交互

PHP与Web页面交互是实现PHP网站与用户交互的重要手段.希望查看本篇文章的学者首先查看一下PHP的基础知识,因为今天用到这个东西,现学现卖吧.后续会更新php服务器的基础知识! 1.首先你要有一个界面我这里利用我项目开发的一个简单界面截取下来进行讲解!项目机密请勿**,你懂得! html代码和界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or
PHP与Web页面交互操作实例分析

本文实例讲述了PHP与Web页面交互操作.分享给大家供大家参考,具体如下: Web交互 1.Web表单交互当表单的method属性提交方式为POST时,浏览器发送POST请求当表单的method属性提交方式为GET时,浏览器发送GET请求当PHP收到来自浏览器提交的数据后,会自动保存到超全局变量中. 超全局变量是PHP预定义好的变量,可以再PHP脚本的任何位置使用常见的超全局变量数组变量有$ _POST.$_GET等通过POST方式提交的数据会保存到$_POST中通过GET方式提交的
PHP与Web页面的交互示例详解一

前言这篇笔记记录的是Web表单的相关操作,Web表单主要用来在网页中发送数据到服务器.比如在日常开发中,提交注册时需要提交表单,表单从客户端传送到服务器,经过服务器处理后,再将用户所需要的信息传递回客户端,进而实现PHP与Web表单的交互. 表单使用<form>元素,并在其中插入相关的表单元素,即可创建一个表单. 表单结构: <form name="form_name" method="method" action="url"
PHP与Web页面交互例子的实现

目录 1. HTML 部分 2. PHP 部分 3. 执行结果如下所示 1. HTML 部分 1.1 新建 10-29.html 文件 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"
DLL+ ActiveX控件+WEB页面调用例子

一. 概述因项目需要,开始学习并研究VC.DLL及ActiveX控件,网上资料找了很多,但没一个可用的或者说没一个例子可理解并运行的.没办法,自己研究吧.功夫不负有心人,终有小成了,呵呵,现在把自己学习总结了一下,献给需要的人. DLL(动态链接库): 分WIN32 DLL和MFC DLL ActiveX:分ATL控件和MFC控件两类(也是一个DLL) WEB:JAVASCRIPT 调用-> ActiveX调用-> DLL 完成加法运算并返回值,在页面上显示. 二.开发(VS2008) 1.
用JavaScript脚本实现Web页面信息交互

要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识. 一.窗体基础知识窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为. 1.什么是窗体对象窗体(Form):它构成了Web页面的基本元素.通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问.<form Name=Form1><INPUT type=text...><Input
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】

本文实例讲述了AngularJS实现与Java Web服务器交互操作的方法.分享给大家供大家参考,具体如下: AngularJS是Google工程师研发的产品,它的强大之处不是几句话就能描述的,只有真正使用过的人才能体会到,笔者准备在这篇文章中,以一个简单的登录校验的例子说明如何使用AngularJs和Web服务器进行交互. 准备工作 1.下载angular js库. 官网下载地址:https://angularjs.org/ 或者点击此处本站下载. 2.开发环境准备,由于是和Tomcat服务器
ASP中Web页面间的数据传递方式

摘要:基于web的动态网页设计必会涉及到页面间的数据传递,文章探讨了asp设计中常用的web页面间的数据传递方式,分析各种数据传递方式的使用方法.使用场合及优缺点,其都是设计阶段选择数据传递方式考虑的关键. 关键词数据传递变量浏览器端网页往往使用动态网页技术制作asp应用程序时一般至少拥有二个或二个以上的web页面,这时就得考虑在多个web页面间传递数据的处理工作.而asp应用程序的各个页面类似于windows应用程序的form窗体,windows应用程序各form间数据传递可以通过定义全局
浅谈Web页面向后台提交数据的方式和选择

1.通过表单提交这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新. 2.通过网页链接提交可以在网页的链接附上需要提交的参数,当用户点击链接后,浏览器发起向链接的访问,从而也把链接附带的参数提交到后台,这种方式提交后页面也会刷新. 3.通过ajax提交 Javascript支持ajax方式创建HTTP请求,可以通过在HTML页面元素的事件处理函数中创建ajax请求,在url参数里携带所需提交的
layui框架中layer父子页面交互的方法分析

本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ 可以从官网上下载最新版本. 还可点击此处本站下载. 当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数. 1.访问父页面元素值 var parentId=parent.$("#id").val();//访问父页面元素值 2.访问父页面方法 va

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

目录

1. HTML 部分

2. PHP 部分

3. 执行结果如下所示

相关推荐

随机推荐