很多网站的文本框都有灰色提文字,一点即消失,鼠标移开又出现! 用HTML5 中的新属性placeholder实现。
<input type="text" placeholder="要显示的文字">
写个小demo大家测试下:
window.onload=function() {
$("input[placeholder=请输入密码]").hover(
function() {
$(this).bind("focus", function() {
$(this).attr("placeholder","");
});
},
function() {
$(this).bind("blur", function() {
$(this).attr("placeholder","请输入密码");
});
}
);
}
本文介绍如何使用 HTML5 中的 placeholder 属性为输入框设置提示文字,并通过 JavaScript 实现了鼠标悬停时提示文字的动态显示与隐藏效果。
519

被折叠的 条评论
为什么被折叠?



