html简单编写一个注册界面

最新推荐文章于 2024-06-16 23:02:16 发布

吴雨4

最新推荐文章于 2024-06-16 23:02:16 发布

阅读量2.5k

点赞数 1

文章标签： html css 前端

本文链接：https://blog.csdn.net/WSY444/article/details/128157899

版权

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
    <title></title>
    <style>

        body { background-image: linear-gradient(110deg, #f9bde8, #f670d0);}
        .header 
        {
            font-size: 60px;
            font-weight: 900;
            text-align: center;
            line-height: 120px;
        }
    </style>
</head>

<body>
    <table border="1" width="700" height="400" align="center" background-color="#FF6699">
        <tr>
            <td bgcolor="#fbf1f1">
                <div class="header">Register</div>
                <form action="" align="center">
                    username:<input type="text" placeholder="Please input your usename" style="width: 400px;height: 30px;"><br><br>password :
                    <input type="password" placeholder="Please input your password" style="width: 400px;height: 30px;"><br><br> repeat :
                    <input type="password" placeholder="repeat your password" style="width: 400px;height: 30px;"><br><br> email  :
                    <input type="text" placeholder="Please input your email" style="width: 400px;height: 30px;"><br><br> gender :
                    <input type="radio"> man <input type="radio">woman
                    </select><br><br> habits&nbsp;&nbsp;&nbsp;love:<label for="awards"></label><textarea id="awards" cols="1" rows="3" style="width: 400px;height: 100px;">action\music\lover\</textarea><br><br>
                    <hr><br>
                    <input type="button" value="register" / style="width: 100px;height: 25px;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="reset" / style="width: 100px;height: 25px;">
                </form>
            </td>
        </tr>
    </table>
</body>
</html>

运行结果：