HTML用户注册页面

实验要求

代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="../code/01.html/1.3块级和行内标签/OIP-C.jpg">
        <table border="1px"  width="250px" height="125px" align="center" >
            <tr>
                <th bgcolor="gray" width="50px" height="25" colspan="3">用户注册</th>
                <!-- <th></th> -->
                <!-- <th></th> -->
            </tr>
            <tr>
                <td>用户名</td>
                <td colspan="2"><input type="text" name="UserName" maxlength="20" id=""></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>密码</td>
                <td colspan="2"><input type="password" name="UsePass" maxlength="20" id=""></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>性别</td>
                <td colspan="2"><label><input type="radio" name="sex" value="男" id="">男</label>
                    <label><input type="radio" name="sex" value="女" id="">女</label></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>爱好</td>
                <td colspan="2"><label><input type="checkbox" name="like" value="写作" id="">写作</label>
                <label><input type="checkbox" name="like" value="听音乐" id="">听音乐</label>
                <label><input type="checkbox" name="like" value="体育" id="">体育</label></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>省份</td>
                <td colspan="2"><select name="province" id="">
                <option  name="陕西省" value="shanxi">陕西省</option>
                <option  name="山西省" value="shanx">山西省</option>    
                </select></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td width="100" height="50">自我介绍</td>
                <td  colspan="2"><textarea name="into" width="25" height="5" placeholder="这个家伙什么也没留下" id=""></textarea></td>
                <!-- <td></td> -->
            </tr>
            <tr  align="center">
                <td bgcolor="gray" colspan="3"><button type="submit">提交</button>
                <input type="reset" value="重置"></td>
                <!-- <td ></td> -->
                <!-- <td></td> -->
            </tr>
        </table>
    
    
</body>
</html>

运行结果

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值