<style>
#b{
position: absolute;
border: 1px solid #ccc;
width: 100px;height: 100px;
display: none;
background:#fff;
top: 30px;
left:0px;
}
</style>
<div style="position:relative;">
<input type="password" id="a"/>
<div id="b"></div>
</div>
<input /><br>sdfsfsdfs
<script>
var a=document.getElementById('a');
var b=document.getElementById('b');
a.onblur=function(){b.style.display='none'}
a.onfocus=function(){b.style.display='block'}
a.onchange=a.onkeyup=function(){b.innerText=a.value}
</script>
#b{
position: absolute;
border: 1px solid #ccc;
width: 100px;height: 100px;
display: none;
background:#fff;
top: 30px;
left:0px;
}
</style>
<div style="position:relative;">
<input type="password" id="a"/>
<div id="b"></div>
</div>
<input /><br>sdfsfsdfs
<script>
var a=document.getElementById('a');
var b=document.getElementById('b');
a.onblur=function(){b.style.display='none'}
a.onfocus=function(){b.style.display='block'}
a.onchange=a.onkeyup=function(){b.innerText=a.value}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title><script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script>
<style>
</style>
</head>
<body>
密码:<input name="pwd" id="pwd" type="password" value="" >
<div style="width:200px; height:100px; border:#000 1px solid; background:#fff;position:absolute; display:none;" id="info">content....</div>
</body>
<script type='text/javascript'>
$(function(){
$("#pwd").mouseup(function(evt){
var offsetLeft = evt.clientX;
var offsetTop = evt.clientY;
$("#info").css({left: offsetLeft, top: offsetTop}).show();
});
$("#pwd").blur(function(){
$("#info").hide();
});
})</script>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script>
<style>
</style>
</head>
<body>
<table ><tr><td>
新密码:</td><td><input name="pwd" id="pwd" type="password" value="" >
<div style="width:200px; height:100px; border:#000 1px solid; background:#fff; display:none;margin-left: 20px; position: absolute;" id="info">content....</div></td>
</tr><tr><td>
确认密码:</td><td><input name="confirm" id="confirm" type="password" value="" ></td></tr></table>
</body>
<script type='text/javascript'>
$(function(){
$("#pwd").focus(function(){
$("#info").show();
});
$("#pwd").blur(function(){
$("#info").hide();
});
})
</script>
</html>