HTML实现简单注册登录页面

以下两个页面均只用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>

 

猜你喜欢

转载自blog.csdn.net/m0_57714421/article/details/128395384