Self-made webpage intends to molest classmates (to report health status)

During the epidemic, schools are required to report their health status every day. . .
Want to mess up. . .
Make a small web page, share it with the class, and see if anyone is fooled. . .
Insert picture description here
That's right, when everyone is finished, click Submit. . .
Insert picture description here
Just pop this up. . .

If you can fool a few of your classmates into the first webpage you have done by hand, then one of them is fine. . .

HTML code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机械2002班健康状况填报</title>//替换这里来改掉网页的“名字”
    <style>
        td,table{
     
     
    border:1px solid green;
}
td,h2,table{
     
     
    text-align:center;
}
td.iol{
     
     
    text-align:left;
}
table{
     
     
    height:100%;
}
    </style>
    
</head>
<body>
  
    <table align="center">
    <thead>
        <h2>机械2002班身体健康状况上报</h2>//如果改成其他标题的话,把这里替换掉
    </thead>
    <tbody>
        <tr>
            <td>
                观察时间
            </td>
            <td>
                <input type="date" id="date" name="date" value="" />
            </td>
        </tr>
        <tr>
            <td>
                今日体温℃
            </td>
            <td>
                <input type="text">
            </td>

        </tr>
            <td>
                是否咳嗽
            </td>
            <td>
                <input type="radio" name="1" id="01"><label for="01"></label>&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="1" id="02" checked><label for="02"></label>
            </td>
        </tr>
        <tr>
            <td>
                是否气促
            </td>
            <td>
                <input type="radio" name="2" id="03"><label for="03"></label>&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="2" id="04" checked><label for="04"></label>
            </td>
        </tr>
        <tr>
            <td>填报人人事编号/学号ID</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>上报人姓名</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="3" id="05"><label for="05"></label>&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="3" id="06"><label for="06"></label>
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td>
                <input type="date">
            </td>
        </tr>
        <tr>
            <td>身份</td>
            <td>本科生</td>
        </tr>
        <tr>
            <td>
                院系/部处
            </td>
            <td>
                机械科学与工程学院         
            </td>//可以换成其他院系
        </tr>
        <tr>
            <td>联系电话</td><td><input type="text"></td>
        </tr>
        <tr>
            <td>紧急联系人</td><td><input type="text"></td>
        </tr>
        <tr>
            <td>紧急联系人电话</td><td><input type="text"></td>
        </tr>
        <tr><td colspan="2">24小时值班电话:027-87542011</td></tr>    //这里的电话真的是微校园上那个
        <tr>
            <td >上报人当前身体状况</td>
            <td  class="iol">
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10" checked>正常<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">未发热且隔离<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">发热且隔离<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">疑似<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">确诊<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">疑似转排除<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">已治愈<br>
                &nbsp; &nbsp; &nbsp;<input type="radio" name="10">已死亡
            </td>
        </tr>
        <tr>
            <td>
                当前所在位置
            </td>
            <td>
                <input type="radio" name="ij">校内
                <input type="radio" name="ij">校外
            </td>
        </tr>
        <tr>
            <td>当前所在或所隔离位置</td><td>
                <input type="radio" name="iop">国内
                <input type="radio" name="iop">国外
            </td>
        </tr>
        <tr>
            <td>具体地点</td><td><input type="text"></td>
        </tr>
        <tr><td colspan="2"><input type="submit" onclick="fun()"></td></tr>
    </tbody>
    </table>
    <script>
        function fun(){
     
     
            alert("不会真的有人填了吧,这只是开玩笑的啦,哈哈哈哈哈哈");
        }//可以换成其他更犯贱的话。。。
    </script>
</body>
</html>

Guess you like

Origin blog.csdn.net/weixin_51236357/article/details/113101481