HTML简单注册页面

最新推荐文章于 2024-04-07 09:44:00 发布

Silence丶你的名字

最新推荐文章于 2024-04-07 09:44:00 发布

阅读量186

点赞数

分类专栏： Html 文章标签： html

本文链接：https://blog.csdn.net/qq_42553504/article/details/115483095

版权

Html 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<style>
    body {
        background-color: cornsilk;
    }

    .center {
        text-align: center;
        background-color: cadetblue;
        width: 600px;

        margin: auto;
    }

    .tab {
        margin: 10px;
    }

</style>
<body>

<div class="center">
    <form action="#" method="get" autocomplete="on">
        <div>注册详情</div>
        <hr>
        <div class="tab">
            <label for="username">姓名:</label>
            <input type="text" name="username" id="username" value="" required placeholder="请输入姓名">
        </div>
        <div class="tab">
            <label for="password">密码:</label>
            <input type="password" name="password" value="" id="password" required placeholder="请输入密码">
        </div>
        <div class="tab">
            <label for="email">邮箱:</label>
            <input type="email" name="email" value="" id="email" required placeholder="请输入邮箱">
        </div>
        <div class="tab">
            <label for="number">手机:</label>
            <input type="tel" name="number" value="" id="number" required placeholder="请输入手机号">
        </div>
        <hr>
        <div class="tab">
            <label for="gender">性别:</label>
            <input type="radio" name="gender" value="男" id="gender">男
            <input type="radio" name="gender" value="女">女
            <input type="radio" name="gender" value="其他">其他
        </div>
        <div class="tab">
            <label for="hobby"> 爱好:</label>
            <input type="checkbox" id="hobby" name="game" value="game">游戏
            <input type="checkbox" id="music" name="music" value="music">音乐
            <input type="checkbox" id="other" name="other" value="other">其他
        </div>
        <div class="tab">
            <label for="date">出生日期:</label>
            <input type="date" name="date" id="date" value="">
        </div>
        <div class="tab">
            <label for="city">请选择所在城市：</label>
            <select name="city" id="city">
                <option>----所在城市----</option>
                <optgroup label="直辖市">
                    <option>北京</option>
                    <option>上海</option>
                    <option>广州</option>
                    <option>深圳</option>
                    <option>...</option>
                </optgroup>
                <optgroup label="省会城市">
                    <option>西安</option>
                    <option>杭州</option>
                    <option>郑州</option>
                    <option>武汉</option>
                    <option>...</option>
                </optgroup>
            </select>
        </div>
        <hr>
        <div class="tab">
            <label for="desc">个性签名:</label>
            <textarea id="desc" name="desc" rows="5" cols="40" placeholder="请输入你的个性签名"></textarea>
        </div>
        <hr>
        <button type="submit">注册</button>
        <button type="reset">重置</button>
    </form>

</div>

</body>
</html>

Silence丶你的名字

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML简单注册页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录注册</title></head><style> body { background-color: cornsilk; } .center { text-align: center;
复制链接

扫一扫