HTML实现简单注册登录页面

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

m0_57714421

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

阅读量1.3w

点赞数 13

文章标签： html 前端

本文链接：https://blog.csdn.net/m0_57714421/article/details/128395384

版权

以下两个页面均只用HTML实现（其中注册若要添加号码与后面的登录密码判断，涉及到javascript的内容，本文只使用了html，后续会加上这些内容）

简单注册：（读者可以自行增加图片以及其他属性）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML注册页面</title>
</head>
<body>
    <h2>注册</h2>
    <table width="500">
        <tr>
            <td>姓名：</td>
            <td>
                <input type="text" value="张三">
            </td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" checked="checked">男
                <input type="radio" name="sex">女
            </td>
        </tr>
        <tr>
            <td>出生日期：</td>
            <td>
               <select>
                   <option>--请选择年份--</option>
                   <option>2001</option>
                   <option>2002</option>
                   <option>2003</option>
               </select> 
               <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select> 
                <select>
                    <option>--请选择日期--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select> 
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password" size="20" maxlength="10" value="">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="提交">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="Login-1.html">若已有注册信息，可点击此按钮登录系统</a>
            </td>
        </tr>
    </table>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>
    <h2>登录</h2>
    <table>
        <tr>
            <td>姓名：</td>
            <td>
                <input type="text">
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password" size="20" maxlength="10">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="登录">
            </td>
        </tr>
    </table>
</body>
</html>