Visual Studio Code登录页面

这是一个HTML页面示例,展示了用户注册表单的设计。表单包含用户名称、登录密码、确认密码、电子邮箱、性别选择及职业选择等字段,并提供了爱好填写区域。用户可以点击"注册"按钮提交信息或使用"重置"按钮清除已输入的内容。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title></title>

    <style>

        body {

            background-image: url("./bg.jpg");

        }

    </style>

</head>

<body>

    <table border="1" width="800" height="500" align="center" background-color="#FF6699">

        <tr>

            <td bgcolor="#F3F3FA">

                <h2 align="center"><img src="./logo.png" alt="" height="40" widt="50">&nbsp;&nbsp;&nbsp;&nbsp;用户注册</h2><br>

                <form action="" align="center">

                    用户名称:<input type="text" placeholder="请输入您的用户名!" style="width: 400px;height: 30px;">

                    <br><br> 登录密码:

                    <input type="password" placeholder="请输入登录您的密码!" style="width: 400px;height: 30px;">

                    <br><br> 重复密码:

                    <input type="password" placeholder="请输入您的确认密码!" style="width: 400px;height: 30px;">

                    <br><br> 电子邮箱:

                    <input type="text" placeholder="请输入您的邮箱!" style="width: 400px;height: 30px;">

                    <br><br> 性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:

                    <input type="radio"> 男 <input type="radio">女

                    <br><br> 职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业:

                    <select name="fruit" style="height: 30px;width: 400px;" align="left">

                        <option value="1">老师</option>

                        <option value="2" selected="selected">学生</option>

                        <option value="3">其他</option>

                    </select>

                    <br><br> 爱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好:

                    <label for="awards"></label><textarea id="awards" cols="1" rows="3" style="width: 400px;height: 100px;">书法 乐器 运动 编程</textarea><br><br>

                    <hr>

                    <br>

                    <input type="button" value="注册" / style="width: 100px;height: 25px;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                    <input type="reset" value="重置" / style="width: 100px;height: 25px;">

                </form>

            </td>

        </tr>

    </table>

</body>

</html>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值