您的位置：首页 > Web前端 > HTML

login 登录页面(别小看这个页面在公司很有讲究的！昨天晚上熬夜写的)

2014-06-05 21:25 375 查看

在公司登录页面也有讲究不是随便写完完事（要求按着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'>

  <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乐知学院-李鹏飞*（如有转载请说明出处！~！！！！！）

公司上班第二天（感觉就是不如上学好！枯燥乏味！！！！有的东西不会做也没人教！书到用时方恨少啊！可见在学校遗漏了好多知识点啊啊！！！！）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： login 鼠标李鹏 html

相关文章推荐

新的分享

章节导航