使用html写注册页

这是学校老师布置的一个小作业,感觉完成的还不错

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
    <form action="#">
        <table width="500" height="500" border="1">
        	<caption><h2>注册</h2></caption>
            <!-- 第一行 -->
             <tr>
                <td>用户名:</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>密码:</td>
                <td>
                    <input type="password">
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td>手机号:</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>邮箱:</td>
                <td>
                    <input type="email">
                </td>
            </tr>
            <!-- 第五行 -->
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="sex" id="nan"><label for="nan">男:</label>
                    <input type="radio" name="sex" id="niu"><label for="niu">女:</label>
                </td>
            </tr>
            <!-- 第六行 -->
            <tr>
                <td>爱好:</td>
                <td>
                    <input type="checkbox" id="篮球"><label for="篮球">篮球</label>
                    <input type="checkbox" id="足球"><label for="足球">足球</label>
                    <input type="checkbox" id="乒乓"><label for="乒乓">乒乓球</label>
                    <input type="checkbox" id="滑雪"><label for="滑雪">滑雪</label><br><br>
                    <input type="checkbox" id="游泳"><label for="游泳">游泳</label>
                    <input type="checkbox" id="舞蹈"><label for="舞蹈">舞蹈</label>
                    <input type="checkbox" id="读书"><label for="读书">读书</label>
                </td>
            </tr>
            <!-- 第七行 -->
            <tr>
                <td>籍贯:</td>
                <td>
                    <select>
                        <option>--请选择--</option>
                        <option>山东省</option>
                        <option>湖南省</option>
                        <option>海南省</option>
                    </select>
                </td>
            </tr>
            <!-- 第八行 -->
            <tr>
                 <td>个人介绍:</td>
                <td>
                    <textarea>
                    </textarea>
                </td>
            </tr>
             <!-- 第九行 -->
             <tr>
                <td colspan='2' style="text-align:center;">
                   <input type="checkbox">是否同意本公司的协议
                </td>
             </tr>
            <!-- 第十行 -->
            <tr>
                <td colspan='2' style="text-align:center;">
                    <input type="submit" value="注册">
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
 
</body>
</html>

运行结果:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值