fuyu
/
tjshop


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!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>
<title>注册信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<style>
html{ font-size:62.5%; }
body{ background-color:#F4F4F4; position:relative; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;border:0;font-size:100%; font-weight:normal; font-style:normal; vertical-align:baseline;  font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;max-width:640px;min-width:320px;margin:0 auto !important}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
html,body{width:100%; height:100%; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:#CCC; font-size:1rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#CCC; font-size:1rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#CCC; font-size:1rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#CCC; font-size:1rem;
}

.reg_bg{ width:100%; height:160px; background-image:linear-gradient(to bottom right, #F4E1E1, #65D8EB); }
.box{ width:100%; height:100%; position:absolute; left:0; top:0; }
.reg{ margin:20px 15px; }
.reg .header{ height:34px; }
.reg .header img{ height:34px; }
.txt_box{ padding:0 15px; overflow:hidden; margin-top:20px; background-color:#FFF; border-radius:6px; }
.txt_box .txt{ width:100%; height:30px; font-size:1rem; line-height:30px; margin:15px 0; border:none; padding:0; }
.txt_box .line{ width:100%; height:.5px; background-color:#DDD; }
.fs{ text-align:right; font-size:1rem; color:#999; margin-top:40px; }
.next{ width:100%; height:50px; margin-top:20px; background-color:#5ACEE3; color:#FFF; line-height:50px; border-radius:6px; text-align:center; border:none; font-size:1rem; }
</style>


<script type="text/javascript">
	function setTab ( i )
	{
		selectTab(i);
	}
	
	function selectTab ( i )
	{
		switch(i){
			case 1:
			document.getElementById("TabCon1").style.display="block";
			document.getElementById("TabCon2").style.display="none";
			break;
			case 2:
			document.getElementById("TabCon1").style.display="none";
			document.getElementById("TabCon2").style.display="block";
			break;
		}
	}
</script>


</head>

<body>
	<div class="reg_bg"></div>
    <div class="box">
    	<div class="reg">
        	<form>
                <div id="TabCon1">
                    <div class="header"><img src="logo.png" /></div>
                    <div class="txt_box">
                        <input name="" type="text" class="txt" autofocus="autofocus" placeholder="用户名(6~18位字符，字母、数字、下划线)" />
                        <div class="line"></div>
                        <input name="" type="password" class="txt" placeholder="密码(6~16个字符，区分大小写)" />
                        <div class="line"></div>
                        <input name="" type="tel" class="txt" placeholder="手机号码" />
                    </div>
                    <div id="font2" class="tab2 next" onClick="setTab(2);">提交</div>
                </div>
                <div id="TabCon2" style="display:none">
                    <div id="font1" class="header"><img src="return.png" class="tab1" onClick="setTab(1);" /></div>
                        <div class="txt_box">
                        <input name="" type="text" class="txt" placeholder="请输入验证码" />
                    </div>
                    <div class="fs">59s<!--倒计时60s后文案——点此重新发送--></div>
                    <button class="next">完成</button>
                </div>
            </form>
        </div>
    </div>
    
    
</body>
</html>