小米login页面

原创 2019-04-19 16:11:46 635
摘要:<body> <div class="header">      <a href="index.html">          <img src="img
<body>

	<div class="header">
    	<a href="index.html">
        	<img src="img/5.png" />
        </a>
    </div>
	
    <div class="contents">
    	<div class="login_content">
        	<div class="login_form">
            	<div class="login_form_main">
                	<p style="color:#ff6700" id="regTabs_0" onclick="ChangeReg('0','register_',1)">账号登陆</p>
                    <span>|</span>
                    <p style="color:#ff6700" id="regTabs_1" onclick="ChangeReg('1','register_',1)">扫码登陆</p>
                </div>
                <div class="clear"></div>
                
                <div class="login_form_content" id="register_0">
                	<form>
                    	<input type="text" name = ""  placeholder="邮箱/手机号/小米ID "/>
                        <input type="password" name ="" placeholder="密码" />
                        <button >登陆</button>
                    </form>
                    
                    <h6><a href="#" style="color: #FF6A00;">手机短信登录/注册</a><span><a href="#">立即注册</a> &nbsp;  |  &nbsp; <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" style="display:none;" id="register_1">
                	<img src="img/下载.png" />
                    <p>使用<span style="color:#ff6700">小米商城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="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>


批改老师:西门大官人批改时间:2019-04-20 13:08:02
老师总结:代码写的比较规范,最好上传一下运行的效果图。

发布手记

热门词条