HTML注册页面案例

最新推荐文章于 2023-03-05 14:32:20 发布

稻田里展望者

最新推荐文章于 2023-03-05 14:32:20 发布

阅读量314

点赞数

分类专栏： Web前端技术文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_46441425/article/details/122861783

版权

Web前端技术专栏收录该内容

86 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册案例</title>
</head>
<body>
    <!-- 定义表单 -->
    <form action="#" method="post">
        <table border="1" align="center" width="500">
            <tr>
                <td><label for="username">用户名</label> </td>
                <td><input type="text" name="username" id="username"></td>
            </tr>

            <tr>
                <td><label for="password">密码</label> </td>
                <td><input type="password" name="password" id="password"></td>
            </tr>

            <tr>
                <td><label for="email">Email</label> </td>
                <td><input type="email" name="email" id="email"></td>
            </tr>
            <tr>
                <td><label for="tell">手机号</label> </td>
                <td><input type="number" name="tell" id="tell"></td>
            </tr>

            <tr>
                <td><label for="name">姓名</label> </td>
                <td><input type="text" name="name" id="name"></td>
            </tr>

            <tr>
                <td><label>性别</label> </td>
                <td>
                    <input type="radio" name="gender" value="man">男
                    <input type="radio" name="gender" value="woman">女
                </td>
            </tr>

            <tr>
                <td><label for="brithday">出生日期</label> </td>
                <td><input type="date" name="brithday" id="brithday"></td>
            </tr>

            <tr>
                <td><label for="code">验证码</label> </td>
                <td><input type="text" name="code" id="code"><img src="./image.jpg" alt="验证码" width="30"></td>               
            </tr>

            <tr>
                <td colspan="2" align="center"><input type="submit"value="注册" ></td>
            </tr>

        </table>      
    </form>
</body>
</html>