有了placeholder.js，写文本框占位符太简单了

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://s0.jmstatic.com/templates/jumei/js/jquery/placeholder.min.js"></script>
<style>
/*这是低端浏览器下placeholder的字体颜色*/
placeholder{
    color: #bfbfbf;
}
/*这是firefox下placeholder的字体颜色*/
::-moz-placeholder {
    color: #bfbfbf;
}
/*这是webkit下placeholder的字体颜色*/
::-webkit-input-placeholder {
    color: #bfbfbf;
}
/*
 *    满足这两个条件，该js能工作的更好，更智能
 *    1.文本框的父定位元素需加入*zoom: 1
 *    2.文本框或其父元素的position，不能同时为static
 */
.textbox {
    position: relative;
    *zoom: 1;
}
</style>
<div class="textbox">
    <input type="password" placeholder="请输入密码" autofocus>

</div>

原文地址：http://www.w3cfuns.com/article-5599436-1-1.html