<HTML> 给input文本框中添加灰色提示字
2017-02-07 00:36
1236 查看
很多网站的文本框都有灰色提文字,一点即消失,鼠标移开又出现! 用HTML5 中的新属性placeholder实现。
将这段代码加载input中! 带js代码
写个小demo大家测试下:
window.onload=function() {
$("input[placeholder=请输入密码]").hover(
function() {
$(this).bind("focus", function() {
$(this).attr("placeholder","");
});
},
function() {
$(this).bind("blur", function() {
$(this).attr("placeholder","请输入密码");
});
}
);
}
将这段代码加载input中! 带js代码
<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","请输入密码");
});
}
);
}
相关文章推荐
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- 给input文本框添加灰色提示文字
- jQuery简单实现input文本框内灰色提示文本效果的方法
- html中,文件上传时使用的<input type="file">的样式自定义
- jQuery实现input文本框内灰色提示文本效果 和 input标签获取焦点是文本框内提示信息清空
- html input文本框 输入框提示(hint)内容的实现
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- html中input文本框,初始里边有文字提示,当点击时,文字消失
- <input type="submit">点击按钮 添加内容到相应的radio的ul li中
- 给html的<a>标签添加点击事件
- jQuery实现input文本框内灰色提示文本效果
- input文本框内添加提示文字,填写内容时消失
- android支持html的<input type="file">标签
- mvc3 在后台添加html时 如何让html中的<a></a> 链接点击有效果
- IIS7中添加html对<! #include >的引用