文本框中的灰色默认提示

Question

登录的网站的时候有的网站会有2个文本框（文本框中有灰色的提示文字）
一个提示输入用户名，另一个提示输入密码
我想问的是提示输入密码的那个文本框是如何实现的
如果这样写
<input type="password" value="输入您的登录密码" />  
那出现的结果是*******，跟本看不到value中的内容还是说把密码域其实也设置成
<input type="text" value="输入您的登录密码" />  
然后为它绑定一个click事件，当有内容输入到文本框，将内容
转换成*******。
输入用户名的文本框的灰色提示已经实现了，但是输入密码的文本框原理不是很
清楚，望大家指教

Answer 1

浮动层弄的<span style="position:relative">
<div style="position:absolute;color:#999;left:0px;top:0px" onclick="this.parentNode.getElementsByTagName('input')[0].focus();this.style.display='none'">请输入密码</div>
<input type="password" onfocus="this.parentNode.getElementsByTagName('div')[0].style.display='none'"/>
</span>