day2、作业 2019-01-22

用已经学过的web前端知识搭建一个登录框架

解：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>简单的登录界面</title>
    </head>
    <body>
        <form action="" method="get">
        <table border="0" cellspacing="" cellpadding="" align="center" background="img/炫.jpg" height="300" width="480">
            <tr><th colspan="4" align="center">登录界面</th></tr>
            <tr>
                <td align="right" width="150">账号：</td>
                <td colspan="2"><input type="text" name="id" id="" value="" placeholder="请输入账号" maxlength="12" /></td>
            </tr>
            <tr>
                <td align="right">密码：</td>
                <td colspan="2"><input type="password" name="password" id="" value="" placeholder="请输入密码" maxlength="12" /></td>
                <td><input type="radio" name="显示密码" id="显示密码" value="" />显示密码</td>
            </tr>
            <!--<tr>
                <td>性别：</td>
                <td align="center">男</td>
                <td align="center">女</td>
                <td></td>
            </tr>-->
            <tr>
                <td align="center"><button>注册</button></td>
                <td align="center"><button>登录</button></td>
                <td align="right"><button>隐藏登录</button></td>
            </tr>
        </table>
        </form>
    </body>
</html>

运行结果:

登录界面1.jpg

登录界面2.jpg

登录界面3.jpg

day2、作业 2019-01-22

用已经学过的web前端知识搭建一个登录框架

推荐阅读更多精彩内容