zoukankan      html  css  js  c++  java
  • 第十二周总结

      五一假期放了五天,周一周二没有上课。本周的代码学习量主要体现在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>
  • 相关阅读:
    小程序开发之初体验
    phantomjs 爬去动态页面
    css实现三角形
    多种方式实现千位分隔符
    基于浏览器的人脸识别标记
    Axios源码阅读笔记#1 默认配置项
    基于图形检测API(shape detection API)的人脸检测
    页面性能优化
    目标
    HelloWorld!
  • 原文地址:https://www.cnblogs.com/20183711PYD/p/13060047.html
Copyright © 2011-2022 走看看