摘要：<!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 ">賬號(hào)登錄</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="郵箱/手機(jī)號(hào)碼/小米ID">
<input type="text" name="password" placeholder="密碼">
<button>登錄</button>
</form>
<h6><a href="#" style="color: #FF6A00;">手機(jī)短信登錄/注冊(cè)</a><span><a href="#">立即注冊(cè)</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>小米手機(jī)可打開(kāi)「設(shè)置」>「小米帳號(hào)」掃碼登錄</p>
</div>
</div>
</div>
</div>
<p style="margin-top: 60px;">簡(jiǎn)體<span>|</span>繁體<span>|</span>English<span>|</span> 常見(jiàn)問(wèn)題<span>|</span> 隱私政策</p>
<p>小米公司版權(quán)所有-京ICP備10046444-<img src="static/img/ghs.png"> 京公網(wǎng)安備11010802020134號(hào)-京ICP證110507號(hào)</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>
批改老師：天蓬老師批改時(shí)間：2019-06-24 10:05:10
老師總結(jié)：登錄頁(yè)面, 主要是一些表單與與單事件的操作, 看上去簡(jiǎn)單, 其實(shí)里面有很多坑的. 一不小心就出bug, 一定要多加注意