html制作注册表

最新推荐文章于 2024-07-31 21:27:15 发布

原创最新推荐文章于 2024-07-31 21:27:15 发布 · 4.5k 阅读

15 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

1 篇文章

订阅专栏

本文将指导你如何使用HTML创建一个基本的注册界面，包括输入框、选择项和提交按钮，助你实现用户注册功能。

制作如图所示注册界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        img{
            width: 137px;
            vertical-align: -5px;
        }

        input{
            width: 300px;
            height: 35px;
        }

        .box{
            width: 148px;
        }

        input[type=checkbox]{
            width: 15px;
            height: 15px;
        }

        input[type=submit]{
            background: cyan;
        }
    </style>
</head>
<body>
    <div>
        <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="">
        <span>|注册百度账号</span>
    </div>
    <hr>
    <form action="">
        用户名: <input type="text" placeholder="请设置用户名"> <br><br>
        手机号: <input type="text" placeholder="可用于登录和找回密码"> <br><br>
        &emsp;密码: <input type="password" placeholder="请设置登录密码"> <br><br>
        验证码: <input type="text" placeholder="请输入验证码" class="box">
        <input type="button" value="获取短信验证码" class="box"> <br><br>
        <input type="checkbox"> 阅读并接受 <a href="">《百度用户协议》</a>及 <a href="">《百度隐私权保护声明》</a> <br> <br>
        &emsp;&emsp;<input type="submit" value="注册">
        
    </form>
</body>
</html>