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

简单注册:(读者可以自行增加图片以及其他属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    <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>

 

 

原文地址:https://blog.csdn.net/m0_57714421/article/details/128395384

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_44992.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注