很多网站的文本框都有灰色提文字,一点即消失,鼠标移开又出现! 用HTML5 中的新属性placeholder实现。
<input type="text" placeholder="要显示的文字">
写个小demo大家测试下:
window.οnlοad=function() {
$("input[placeholder=请输入密码]").hover(
function() {
$(this).bind("focus", function() {
$(this).attr("placeholder","");
});
},
function() {
$(this).bind("blur", function() {
$(this).attr("placeholder","请输入密码");
});
}
);
}