第十二周总结

　　五一假期放了五天，周一周二没有上课。本周的代码学习量主要体现在php上。实验三相关代码如下：

Shiyan3-1.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <!-- 输入localhost:82/phpwork/Shiyan3-1.html访问-->
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>用户个人资料</title>
 7 </head>
 8 <body>
 9 <form action="Shiyan3-1p.php"method="get">
10 <table>
11     <tr>
12         <td>姓名：</td><td><input type="text"name="user"></td>
13     </tr>
14     <tr>
15         <td>性别：</td><td><input type="radio"name="sex"value="男生">男&nbsp;<input type="radio"name="sex"value="女生">女</td>
16     </tr>
17     <tr>
18         <td><button type="submit"name="tijiao">提交</button></td><td><input type="button"name="again"value="全部重写" onclick="location.reload()"></td>
19     </tr>
20 </table>
21 </form>
22 </body>
23 </html>

Shiyan3-1p.php

1 <?php
2 //xampp:输入localhost:82/phpwork/Shiyan3-1p.php访问
3 $name=$_GET['user'];
4 $sex=$_GET['sex'];
5 echo $name."同学,欢迎你访问本页面！"."<br>"."您是一位".$sex."！";
6 ?>

Shiyan3-2.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <!-- 输入localhost:82/phpwork/Shiyan3-2.html访问-->
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>意见反馈</title>
 7 </head>
 8 <style type="text/css">
 9     table{
10         margin: auto;
11     }
12     h2{
13         color: red;
14     }
15 </style>
16 <body style="text-align: center">
17 <h2>意见反馈</h2>
18 <form action="Shiyan3-2p.php"method="post">
19 <table>
20     <tr>
21         <td>您的姓名</td><td><input type="text"name="user"></td>
22         <td>您的性别</td><td><input type="radio"name="sex"value="男">男&nbsp;&nbsp;<input type="radio"name="sex"value="女">女</td>
23     </tr>
24     <tr>
25         <td>您的职业</td>
26         <td><select name="zhiye">
27             <option value="学生">学生</option>
28             <option value="老师">老师</option>
29             <option value="其他">其他</option>
30         </select></td>
31         <td>您的最高学历</td>
32         <td><select name="xueli">
33             <option value="初中">初中</option>
34             <option value="高中">高中</option>
35             <option value="本科">本科</option>
36             <option value="研究生">研究生</option>
37             <option value="硕士">硕士</option>
38             <option value="博士">博士</option>
39         </select></td>
40     </tr>
41     <tr>
42         <td>您对本站的意见</td>
43         <td colspan="3"><textarea name="text"rows="20"cols="70"></textarea></td>
44     </tr>
45     <tr>
46         <td></td><td><input type="button"name="again"value="全部重写" onclick="location.reload()"></td>
47         <td></td><td><button type="submit"name="tijiao">提交</button></td>
48     </tr>
49 </table>
50 </form>
51 </body>
52 </html>

Shiyan3-2p.php

 1 <?php
 2 //xampp:输入localhost:82/phpwork/Shiyan3-2p.php访问
 3 $name=$_POST['user'];
 4 $sex=$_POST['sex'];
 5 $zhiye=$_POST['zhiye'];
 6 $xueli=$_POST['xueli'];
 7 $text=$_POST['text'];
 8 
 9 echo "十分感谢用户 ".$name." 的意见"."<br>";
10 echo "请确认下列信息："."<br>";
11 echo "您的性别：".$sex."<br>";
12 echo "您的职业：".$zhiye."<br>";
13 echo "您的学历：".$xueli."<br>";
14 echo "您的意见：".$text."<br>";
15 ?>

Shiyan3-3.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <!-- 输入localhost:82/phpwork/Shiyan3-3.html访问-->
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>计算累加和</title>
 7 </head>
 8 <body>
 9 <h2 style="color: blue">计算累加和</h2>
10 <form action="Shiyan3-3p.php"method="get">
11     1+2+...+<input type="text"name="num"style=" 50px">
12     <button type="submit"name="jisuan">计算</button>
13 </form>
14 </body>
15 </html>

Shiyan3-3p.php

 1 <?php
 2 //xampp:输入localhost:82/phpwork/Shiyan3-3p.php访问
 3 $num=$_GET['num'];
 4 $sum=0;
 5 for($i=1;$i<=$num;++$i){
 6     $sum=$sum+$i;
 7 }
 8 $a="1+2+...+".$num."=".$sum;
 9 echo "<script LANGUAGE='JavaScript'>alert('$a');history.go(-1)</script>"
10 ?>

Shiyan3-4.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>用户注册</title>
 6 </head>
 7 <body>
 8 <h2>用户注册</h2>
 9 <table>
10     <tr>
11         <td>用户名：</td><td><input type="text"id="user"></td>
12     </tr>
13     <tr>
14         <td>密码：</td><td><input type="password"id="psw"></td>
15     </tr>
16     <tr>
17         <td>确认密码：</td><td><input type="password"id="rpsw"></td>
18     </tr>
19     <tr>
20         <td><button type="submit"name="tijiao"onclick="val()">提交</button></td>
21         <td><input type="button"name="again"value="重置" onclick="location.reload()"></td>
22     </tr>
23 </table>
24 </body>
25 <script type="text/javascript">
26     function val() {
27         var name=window.document.getElementById("user").value;
28         var psw=window.document.getElementById("psw").value;
29         var rpsw=window.document.getElementById("rpsw").value;
30         if(name==""){
31             window.alert("用户名不能为空！");
32             return false;
33         }else if(psw!=rpsw){
34             window.alert("两次密码必须一致！");
35             return false;
36         }else{
37             window.location.href="Shiyan3-3.html";
38         }
39     }
40 </script>
41 </html>