有哪些需要改进的？-慕课网

有哪些需要改进的？

来源：4-1 编程挑战

wengyaqiang

2015-06-16 11:54

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
.container{
    background:#ebf3fa;
    width:190px;
    padding:12px;
    }
form{
    border-bottom:1px solid #ccc;
    font-size:12px;
    }
.input-text{
    width:100%;
    height:30px;
    }
form div{
    margin-bottom:12px;
}
form a{
    float:right;
    text-decoration:none;
}

.login input{
    width:190px;
    height:39px;
    background:url(http://img.mukewang.com/539a972b00013e9102280177.jpg);
}

.reg input{
    width:190px;
    height:39px;
    background:url(http://img.mukewang.com/539a972b00013e9102280177.jpg);
    background-position:0 -39px;
}
.user,.pass{
    position:relative;
}
span{
    position:absolute;
    font-size:14px;
    color:#acacac;
    top:10px;
    left:25px;
}
  

</style>
</head>

<body>
<div class="container">
    <form method="post" action="#">
        <div class="user">
            <input type="text" name="user" class="input-text" id="user">
            <label for="user"><span>邮箱/手机号/用户名</span></label>
        </div>
        <div class="pass">
            <input type="password" name="password" class="input-text" id="password">
            <label for="password"><span>请输入密码</span></label>
        </div>
        <div class="nex">
            <input type="checkbox" id="next" name="next"><label for="next">下次自动登录</laber>
            <a href="#">忘记密码？</a>
        </div>
        <div class="login">
            <input type="submit" value>
        </div>
    </form>
    
    <div class="reg">
        <input type="button" value>
    </div>
    
   
    
</div>

</body>
</html>

写回答关注