IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> html与php 接受信息判断星座(同时输出图案) -> 正文阅读

[PHP知识库]html与php 接受信息判断星座(同时输出图案)

展示学生资料 任务要求:

新建上机练习项目,要求至少包含以下两个文件,最终完成上机练习报告。

1、创建 01.php 文件,结合表单相关知识,设计页面,要求包含姓名、出生日期、学科和学 号这四部分表单元素,表单元素的表现形式和表单样式自行发挥设计。

2、创建 02.php 文件,参照效果样例,设计页面,接收并显示 01.php 文件中提交的内容。 (注:1、表单接收前要有验证;2、接收的数据中,除了姓名、出生日期、学科和学号这四 部分外,还需展示年龄和星座,其中,星座在展示时需要配上相应的图片)

效果样例:

HTML部分:

tip:只有‘head’以下的代码 且 有部分代码还可以优化 只是本人急着上交了 不改了 俗话说的好 :“只要能跑了,就不要动了”

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>学生资料输入页面</title>

<body style="text-align:center;">
    <form action="student.php" method="get">
<h2>学生资料输入页面</h2>
<style>
    body {
         background-image: url("蜡笔.jpg");
         margin:0 auto;
         height:50px;
                left:50%;
        top:50%;
        }
    label{
        width:80px;
        display:inline-block;
        text-align:left;
        height:29px;
        }
</style>
<table>
    <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 名:</label>
    <input name="username" type="text">
    <br/>

   <label style="display:block;text-align:center;width:1450px ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 别:
    <input name="sex" value="" type="radio" ><input name="sex" value="" type="radio" checked="checked" ><span class="error">* <?php echo $sexerr;?></span>
    <br/></label>

    <label>出生日期:</label>
    <input type="year" name="year" style="width:30px"><input type="yue" name="month" style="width:20px"><span class="error">* <?php echo $montherr;?></span>
    <input type="day" name="day" style="width:20px"><span class="error">* <?php echo $dayerr;?></span>
    <br>

    <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 龄:</label>
    <input name="age" type="text">
    <span class="error">* <?php echo $ageerr;?></span>  <br/>

<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 科:</label>
    <input name="skill" type="text">
<span class="error">* <?php echo $skillerr;?></span><br/>

   <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 号:</label>
    <input name="xh" type="text">
    <span class="error">* <?php echo $xherr;?></span>
    <br/>
    <box>
    <input type="submit" value="提交注册信息">
    <input type="reset" value="重置" >
    </box>
</table>
</form>
</body>
</html>

HTML效果图:
![请添加图片描述](https://img-blog.csdnimg.cn/a8ebaa949d614cb3bb7ef5e24401c969.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA56eD5aS请添加图片描述
05qmY5a2Q,size_20,color_FFFFFF,t_70,g_se,x_16)

PHP部分:

tip:代码可能存在输出问题 请自行矫正

 <divstyle="background-size:contain;background-color:beige;width:600px; height:700px;position:absolute;left:28%;">

<img src="001.png"  style="position:absolute; left:350px; top:580px;width:250px;">
<img src="002.png"  style="position:absolute; width:100px;height:200px;top:-10px;">

<?php
 function test_input($data){
     $data=trim($data);
     $data=stripslashes($data);
     $data=htmlspecialchars($data);
     return $data;
 }

function zodiac($DOB){
$DOB = date("m-d", strtotime($DOB));

list($month,$day) = explode("-",$DOB);

if(($month == 3 || $month == 4) && ($day > 22 || $day < 21)){
$zodiac = "白羊";
echo '<img src="3.png" /><br>';
}

elseif(($month == 4 || $month == 5) && ($day > 22 || $day < 22)){
$zodiac = "双鱼";
echo '<img src="2.png" /><br>';
}

elseif(($month == 5 || $month == 6) && ($day > 23 || $day < 22)){
$zodiac = "双子";
echo '<img src="5.png" /><br>';
}

elseif(($month == 6 || $month == 7) && ($day > 23 || $day < 23)){
$zodiac = "巨蟹";
echo '<img src="6.png" /><br>';
}

elseif(($month == 7 || $month == 8) && ($day > 24 || $day < 22)){
$zodiac = "狮子";
echo '<img src="7.png" /><br>';
}

elseif(($month == 8 || $month == 9) && ($day > 23 || $day < 24)){
$zodiac = "处女";
echo '<img src="8.png" /><br>';
}

elseif(($month == 9 || $month == 10) && ($day > 25 || $day < 24)){
$zodiac = "天秤";
echo '<img src="9.png" /><br>';
}

elseif(($month == 10 || $month == 11) && ($day > 25 || $day < 23)){
$zodiac = "天蝎座";
echo '<img src="6.png" /><br>';
}

elseif(($month == 11 || $month == 12) && ($day > 24 || $day < 23)){
$zodiac = "射手";
echo '<img src="11.png" /><br>';
}

elseif(($month == 12 || $month == 1) && ($day > 24 || $day < 21)){
$zodiac = "摩羯座";
echo '<img src="4.png" /><br>';
}

elseif(($month == 1 || $month == 2) && ($day > 22 || $day < 20)){
$zodiac = "水瓶座";
echo '<img src="1.png" /><br>';
}

elseif(($month == 2 || $month == 3) && ($day > 21 || $day < 21)){
$zodiac = "双鱼座";
echo '<img src="2.png" /><br>';
}
return $zodiac;
}

    $username = $sex = $year = $month = $day = $age = $skill = $xh = "";
    $usernameerr = $sexerr = $yearerr = $montherr = $dayerr = $ageerr = $skillerr = $xherr ="";

   echo "<br>";
   echo "<br>";

    echo "<h1 style= text-align:center>学生资料卡</h1>";
    echo "<br>";
    echo "<br>";

    echo "<h2 style= text-align:center>姓名:";
    echo  $_GET['username'] ;

    echo "<br>";

    echo "<h2 style= text-align:center>性别:";
    echo  $_GET['sex'] ;

    echo "<br>";

    echo "<h2 style= text-align:center>出生日期:".$_GET['year']. "年"
.$_GET['month']."月" .$_GET['day']."日" ;

    echo "<br>";

    echo "<h2 style= text-align:center>年龄:";
    echo  $_GET['age'] ;

    echo "<br>";


    echo "<h2 style= text-align:center>学科:";
    echo  $_GET['skill'] ;

    echo "<br>";

    echo "<h2 style= text-align:center>学号:";
    echo  $_GET['xh'] ;

    echo "<br>";  echo "<br>";

echo "星座:". zodiac($DOB);

PHP效果图:
请添加图片描述

有想看什么程序的 可以评论喔~~~

阿婆主的粉丝少 肯定会回的啦

我是老木子,希望此篇内容对你有帮助

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-10-16 19:27:03  更:2021-10-16 19:27:50 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年2日历 -2025/2/27 14:15:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码