abstract：<!DOCTYPE html><html><head> <title>小米商城-登录</title> <meta charset="utf-8"> <link rel="shortcut icon" type="imag
<!DOCTYPE html>
<html>
<head>
<title>小米商城-登录</title>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="static/img/footlogo.png" />
<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="static/css/login.css">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<script type="text/javascript" src="static/layui/layui.js"></script>
</head>
<body>
<div class="header">
<a href=" ./index.html"><img src="static/img/5.png"></a>
</div>
<div class="content">
<div class="login_content">
<div class="login_form">
<div class="login_form_main" style="margin-top:25px;">
<p id="regTabs_0" onclick="ChangeReg('0','login_',1)" style="color:#FF6A00 ">账号登录</p>
<span class="span">|</span>
<p id="regTabs_1" onclick="ChangeReg('1','login_',1)">扫码登录</p>
<div class="clear"></div>
</div>
<div class="login_form_content"id="login_0" >
<form>
<input type="text" name="username" placeholder="邮箱/手机号码/小米ID">
<input type="text" name="password" placeholder="密码">
<button>登录</button>
</form>
<h6><a href="#" style="color: #FF6A00;">手机短信登录/注册</a><span><a href="#">立即注册</a> | <a href=""> 忘记密码？</a></span></h6>
<div class="clear"></div>
<div class="login_form_pic">
<p>其他方式登录</p>
<ul>
<li style="margin-right: 35px;" class="login_form_pic1"><i class="fa fa-qq"></i> </li>
<li style="margin-right: 35px;" class="login_form_pic2"><i class="fa fa-weibo"></i> </li>
<li style="margin-right: 35px;" class="login_form_pic3"><i class="fa fa-twitter-square"></i></li>
<li class="login_form_pic4"><i class="fa fa-weixin"></i> </li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="login_form_content0" id="login_1"style="display: none;" >
<img src="static/img/下载.png">
<p>使用<span style="color:#FF6A00; ">小米商城APP</span>扫一扫</p>
<p>小米手机可打开「设置」>「小米帐号」扫码登录</p>
</div>
</div>
</div>
</div>
<p style="margin-top: 60px;">简体<span>|</span>繁体<span>|</span>English<span>|</span> 常见问题<span>|</span> 隐私政策</p>
<p>小米公司版权所有-京ICP备10046444-<img src="static/img/ghs.png"> 京公网安备11010802020134号-京ICP证110507号</p>
<script type="text/javascript">
function ChangeReg(divId,divName,Count) {
for(var i=0;i<=Count;i++){
document.getElementById(divName+i).style.display="none";
}
document.getElementById(divName+divId).style.display="block";
if (divId==0) {
document.getElementById("regTabs_0").style.color="#FF6A00";
document.getElementById("regTabs_1").style.color="#757575";
}
if (divId==1) {
document.getElementById("regTabs_0").style.color="#757575";
document.getElementById("regTabs_1").style.color="#FF6A00";
}
}
</script>
</body>
</html>
Correcting teacher：天蓬老师Correction time：2019-06-24 10:05:10
Teacher's summary：登录页面, 主要是一些表单与与单事件的操作, 看上去简单, 其实里面有很多坑的. 一不小心就出bug, 一定要多加注意