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

<!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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容