文档介绍：登录页面HTML+CSS+JS代码
网页效果截图：
源码：
HTML代码（）
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<title>表单登录页面</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=, maximum-scale=1">
placeholder="请输入用户名"/>
<label class="nameinfo"></label>
</div>
</div>
<div class="form-group">
<label for="password" class="control-label col-md-3">Password:</label>
<div class="col-md-9">
<input type="password" maxlength="10" class="form-control" id="password" placeholder="请输入密码"/>
<label class="passwordinfo"></label>
</div>
</div>
<div class="submit-button">
<button type="button">
<span>Login</span>
</button>
</div>
</form>
</div>
</div>
<script src=""></script>
<script src="dist/js/"></script>
<script type="text/javascript" src=""></script>
<!-- noscript标签检查脚本是否被禁用 -->
<noscript>
<div>脚本已被禁用了，〒_〒...</div>
</noscript>
</body>
</html>
CSS代码（）
*{
padding:0;
margin:0;
}
body {
/* overflow:scroll; */
font-family:Georgia;
color:#000;
}
.form-box {
width:470px;
height:296px;
margin:100px auto;
border:3px #ADFF2F solid;
background-color:#C5FF6D;
border-radius:8px;
}
.welcom {
width:100%;
height:52px;
line-height:52px;
text-align:center;
font-size:30px;
font-family:Microsoft YaHei;
font-weight:bold;
border-bottom:1px #ADFF2F solid;
}
.input-box {
position:relative;
width:100%;
height:248px;
padding-top:30px;
}
.form-group {
width:100%;
height:50px;
line-height:50px;
}
.form-group label,.form-group input {
display:block;
height:40px;
font-size:16px;
}
.submit-button button {
position:absolute;
top:190px;
left:2%;
width:96%;