日常学习记录 html篇

#html学习注册页面案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<form action="#" method="post">
    <table border="1" align="center" width="30%" >
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password" id="password" placeholder="请输入密码"></td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td><input type="email" name="email" id="email" placeholder="请输入邮箱"></td>
        </tr>
        <tr>
            <td>姓名</td>
            <td><input type="text" name="name" id="name" placeholder="请输入您的真实姓名"></td>
        </tr>
        <tr>
            <td>手机号</td>
            <td><input type="number" name="phone" id="phone" placeholder="请输入您的手机号"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td><input type="radio" name="gender" id="gender1" value="male">男 <input type="radio" name="gender" id="gender2" value="female">女</td>

        </tr>
        <tr>
            <td>出生日期</td>
            <td><input type="date" name="birthday"id="birthday" ></td>
        </tr>
        <tr>
            <td>验证码</td>
            <td><input type="text" name="check" placeholder="请输入图片中的数字"> <img src="img/verify_code.jpg" alt="验证码"></td>
        </tr>

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





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

##页面效果：
在这里插入图片描述

来源：CSDN

作者：筱旭灬

链接：https://blog.csdn.net/weixin_44331162/article/details/104116689

标签

input

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!