<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#two{position: absolute;top: 0px;left: 0px;}
#two input{height: 23px;}
#dd{position: absolute;top: 103px;left: 216px;}
#mm{position: absolute;top: 142px;left: 217px;}
#two{background: url(img/bg.jpg)0px 0px no-repeat;width: 494px;height: 282px;}
a{position: absolute;top: 195px;left: 215px;}
</style>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("input").focus(function(){
$(this).val("");
}).blur(function(){
$(this).val(this.defaultValue);
})
});
</script>
</head>
<body>
<div id="two">
<input type="text" name="" id="dd" value="通行证账号/邮箱" />
<input type="text" name="" id="mm" value="密码" />
<a href="#"><img src="img/btn.jpg"/></a>
</div>
</body>
</html>
