1. 程式人生 > >login 登入頁面(別小看這個頁面在公司很有講究的!昨天晚上熬夜寫的)

login 登入頁面(別小看這個頁面在公司很有講究的!昨天晚上熬夜寫的)

在公司登入頁面也有講究不是隨便寫完完事 (要求按著CTRL+滑鼠滾輪縮放不走形和變形!!!)

<html>
<head>
<title>測試</title>
<meta charset='gb2312' />
<style>

*{margin-top:0;}
html{ position:relative;top:0;bottom:0;}
form div{
 margin-left:30px;
 margin-top:20px;
}
form #button input{
 margin-left:30px;
 width:20%;
}
form #input_type input{
 width:60%;
}
#div{
 min-width:300px;
 min-height:500px;
}
</style>
</head>

<body style='background:#359ECB'>
<span id='fm'></span>
<div style='width:1000px;background:url("./yunnanshuidian2.png") no-repeat 100% 100%;background-size:100% 100%;margin-right:auto;margin-left:auto' id='div'>
 <div style='Position:absolute;margin-left:600px;margin-top:120px'><!--style='margin-left:-350px;margin-top:-50px;float:left'-->
  <form action="loginVip.action?project=ynsd" method="post"  style='width:300px;background:red;float:left'>
    <legend>使用者註冊</legend>
    <div id='input_type'>使用者名稱稱:<input type='text' name='username' ></div>
    <div id='input_type'>使用者密碼:<input type='password' name='password' ></div>
    <div id='button'>
      <input style="cursor:pointer;" name="button" type="submit" class="LoginSubmitButton" id="button" value="登入"/></td>
            <td width="50%" ><input style="cursor:pointer;" name="button" type="reset" class="LoginSubmitButton" id="button" value="重置" />
   </div>
  </form>
 </div>
</div>
<script>
var h=document.documentElement.clientHeight;//可見區域高度
document.getElementById('div').style.height=h+"px";

window.onresize=func;


function func(){
 document.getElementById('div').style.height=0;
 var h=document.documentElement.clientHeight;//可見區域高度
 document.getElementById('div').style.height=h+"px";
}
</script>
</body>
</html>

                                          版權所有CSDN樂知學院-李鵬飛*(如有轉載請說明出處!~!!!!!)

公司上班第二天(感覺就是不如上學好!枯燥乏味!!!!有的東西不會做也沒人教!書到用時方恨少啊!可見在學校遺漏了好多知識點啊啊!!!!)