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效果图：

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效果图：

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

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

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

posted @ 2021-10-12 17:12 lifser 阅读(505) 评论(0) 收藏举报

刷新页面返回顶部

lifser

html与php 接受信息判断星座（同时输出图案）

公告