密码框输入效果,鼠标点击输入和移开显示不同

我想做到,鼠标放上去输入的时候显示为密码,就是点点那种,看不见输入的什么,但是鼠标移开密码框就显示我自己设置的默认值。代码如下:请大神指导啊

 <!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>RunJS 演示代码</title>
    <script>
        onload = function(){
            pp.onmouseenter = function(){
                this.type="text";
            }
                pp.onmouseleave = function(){
                    this.type="password";
                }
        }
    </script>
  </head>
<body>
  <input type="password" value="密码" id="pp" /> 
  </body>
</html>

placehoder就行了,改type ie8-要报错