展示学生资料 任务要求:
新建上机练习项目,要求至少包含以下两个文件,最终完成上机练习报告。
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>姓 名:</label>
<input name="username" type="text">
<br/>
<label style="display:block;text-align:center;width:1450px ">性 别:
<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>年 龄:</label>
<input name="age" type="text">
<span class="error">* <?php echo $ageerr;?></span> <br/>
<label>学 科:</label>
<input name="skill" type="text">
<span class="error">* <?php echo $skillerr;?></span><br/>
<label>学 号:</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效果图:  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效果图: 
有想看什么程序的 可以评论喔~~~
阿婆主的粉丝少 肯定会回的啦
我是老木子,希望此篇内容对你有帮助
|