关键词搜索

源码搜索 ×
×

HTML 简单实现注册页面

发布2020-02-16浏览6287次

详情内容

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
<!--    定义表单 form-->
    <!--    action 属性规定当提交表单时向何处发送表单数据。-->
    <form action="#" method="post">
        <table border="1" align="center" width="500">
            <tr><!--label 标签的作用是当点击文字也会跳到文本输出框-->
                <!--for属性与ID属性对应规定 label 绑定到哪个表单元素。-->
                <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><!--label 标签的作用是当点击文字也会跳到文本输出框-->
                <td><label for="email">email</label> </td>
                <td><input type="email" name="email" id="email"> </td>
            </tr>
            <tr>
                <td><label for="name">姓名</label> </td>
                <td><input type="text" name="name" id="name"> </td>
            </tr>
            <tr>
                <td><label for="tel">手机号</label> </td>
                <td><input type="text" name="tel" id="tel"> </td>
            </tr>
            <tr>
                <td>性别</td>
                <td>
                    <input type="radio" name="gender" value="male"><input type="radio" name="gender" value="female"></td>
            </tr>
            <tr>
                <td><label for="birthday">出生日期</label> </td>
                <td><input type="date" name="birthday" id="birthday"> </td>
            </tr>
            <tr>
                <td><label for="checkcode">验证码</label> </td>
                <td>
                    <input type="text" name="username" id="checkcode">
                    <img src="image/verify_code.jpg">
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="注册">
                </td>
            </tr>

        </table>

    </form>
</head>
<body>

</body>
</html>

    相关技术文章

    点击QQ咨询
    开通会员
    返回顶部
    ×
    微信扫码支付
    微信扫码支付
    确定支付下载
    请使用微信描二维码支付
    ×

    提示信息

    ×

    选择支付方式

    • 微信支付
    • 支付宝付款
    确定支付下载