日常学习记录 html篇

最新推荐文章于 2022-09-14 00:43:56 发布

筱旭灬

最新推荐文章于 2022-09-14 00:43:56 发布

阅读量151

点赞数

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

版权

#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>

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

筱旭灬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
日常学习记录 html篇

#html学习注册页面案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册</title></head><body><form action="#" method="post"...
复制链接

扫一扫