day2-作业

2018-12-04  本文已影响0人  2ez4ddf
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <style type="text/css">
            #标头{
                color: white;
                background-color: blue;
                width: 600px;
                height: 50px;
            }
            .中间{
                background-color: darkgray;
                width: 600px;
                height: 800px;
            }
            div div{
                height: 80px;
                margin-left: 25px;
            }
        </style>
        <div id="标头">
            <font style="font-size: 40px;">登记</font>
        </div>
        <div align="center" class="中间">
            <font style="color: blueviolet;font-size: 40px;">入学登记</font>
            <table height="740px" width="580px" cellspacing="1" cellpadding="10" bgcolor="black">
                <tr bgcolor="darkgray">
                    <td>
                        <form action="" method="get">
                            <div>
                                <font style="margin-left: 25px;">学号:</font>
                                <input style="width: 120px;" type="text" name="study_id" value="python1808001"/>
                                <font style="margin-left: 50px;">性别:&emsp;</font><input type="radio" name="sex" value="男"/><font>男</font>
                                <input type="radio" name="sex" value="女" checked="checked"/><font>女</font>
                            </div>
                            <div>
                                <font style="margin-left: 25px;">姓名:</font>
                                <input style="width: 120px;" type="text" name="name" value="" placeholder="请输入姓名"/>
                                <font style="margin-left: 50px;">班级:&emsp;</font><select style="width: 100px;" name="班级">
                                    <option value="1">1班</option>
                                    <option value="2">2班</option>
                                    <option value="3" selected="selected">3班</option>
                                    <option value="4">4班</option>
                                    <option value="5">5班</option>
                                    <option value="6">6班</option>
                                </select>                            
                            </div>
                            <div>
                                <font>出生年月:</font><input type="date" id="" value="" />
                                <font style="margin-left: 50px;">例如:1993/12/05</font>
                            </div>
                            <div>
                                <font>家庭住址:</font><input style="width: 300px;" type="text" id="" value="" />
                            </div>
                            <div>
                                <font>邮政编码:</font><input type="text" id="" value="" />
                                <font style="margin-left: 25px;">分类:</font><select style="width: 100px;" name="分类">
                                    <option value="敏捷">敏捷</option>
                                    <option value="力量" selected="selected">力量</option>
                                    <option value="智力">智力</option>
                                </select>                            
                            </div>
                            <div>
                                <font>联系电话:</font><input type="text" id="" value="" />
                            </div>
                            <div>
                                <font>入学时间:</font><input style="width: 120px;" type="text" id="" value="2018-11-17"/>
                            </div>
                            <div style="height: 130px;">
                                <font style="margin-left: 25px;">备注:</font><br />
                                <textarea style="margin-left: 80px;" name="" rows="4" cols="30" placeholder="意见...">无</textarea>
                            </div>
                            <input type="submit" id="" name="确定" />
                            <input type="reset" value="取消" />
                            
                        </form>    
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
上一篇下一篇

猜你喜欢

热点阅读