美文网首页
(22)day2-表单和css基础作业

(22)day2-表单和css基础作业

作者: 2333_11f6 | 来源:发表于2018-12-04 20:13 被阅读0次
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>登记</title>
            <style type="text/css">
                td{
                    color: black;
                }
            </style>
        </head>
        <body>
            <h1 align="center">入学登记</h1>
            <form action="" method="get">
                <table border="0" cellspacing="0" cellpadding="0"
                    width="603" align="center" rules="none" bgcolor="pink"
                    height="20">
                    <tr>
                        <td align="left">登记</td>
                        <td align="right">
                            <button>-</button>
                            <button>⚀</button>
                            <button>X</button>
                        </td>
                    </tr>
                </table>
                <table border="0" cellspacing="0" cellpadding="10"
                    width="600" height="400" bgcolor="pink"
                    rules="none" align="center">
                    <tr>
                        <td>
                            <font>学号:</font><input type="text" name="学号" id="" 
                    value="666" />
                        </td>
                        <td>
                            <font>性别:</font><select name="性别">
                            <option value="男">男&nbsp;</option>
                            <option value="女">女&nbsp;</option></select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <font>姓名:</font><input type="text" name="姓名" id="" 
                    value="666" />
                        </td>
                        <td>
                            <font>班级:</font><select name="班级">
                                <option value="1班">01&nbsp;</option>
                                <option value="2班">02&nbsp;</option>
                                <option value="3班">03&nbsp;</option>
                                <option value="4班">04&nbsp;</option>
                                <option value="5班">05&nbsp;</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <font>出生年月:</font><input type="text" name="出生年月" id="" 
                    value="666" />&emsp;&emsp;&emsp;<font>例如6-17-1978</font>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <font>家庭住址:</font><input type="text" name="家庭住址" id="" 
                    value="666" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <font>邮政编码:</font><input type="text" name="邮政编码" id="" 
                    value="666" />
                        </td>
                        <td>
                            <font>分类:</font><select name="分类">
                                <option value="分类1">分类1&emsp;</option>
                                <option value="分类2">分类2&emsp;</option>  
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <font>联系电话:</font><input type="text" name="联系电话" id="" 
                    value="666" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <font>入学时间:</font><input type="text" name="入学时间" id="" 
                    value="666" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <font>备注:</font><textarea name="" rows="6" cols="80" placeholder="一剑光寒十九州"
                    maxlength="5">
                </textarea>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <input type="submit" value="确定"/>
                        </td>
                        <td align="center">
                            <input type="reset" value="取消"/>
                        </td>   
                    </tr>
                </table>
                
                <br />
            </form>
        </body>
    </html>
    

    相关文章

      网友评论

          本文标题:(22)day2-表单和css基础作业

          本文链接:https://www.haomeiwen.com/subject/lgwvcqtx.html