今天被测试提了个BUG, 说在IE8上输入框默认提示语不显示; 然后我就写了个JS来解决这个问题
//IE不支持placeholder的问题 ————————start————Mr.Wang
var logintype = '请输入您的账号';
$(document).ready(function() {
if (isIE()) {
$("#loginname").css("color", "#e1e1e1");
$("#loginname").val(logintype);
textFill($('#loginname'));
}
});
function textFill(input) {
var replacevalue = input.val();
//获取焦点
input.focus(function() {
if ($.trim(input.val()) == replacevalue) {
$("#loginname").css("color", "#FFF");/如果用户想输入,赶紧把input的颜色改成白色,省的用户看出来我是作弊的......哈哈
input.val(''); //他一点input,如果输入框的值跟提示语是一样的,置空!
}
});
//失去焦点
input.blur(function() {
if ($.trim(input.val()) == '') {
$("#loginname").css("color", "#e1e1e1");//用户没有输入,就把输入框的字体颜色改成淡灰色,看起来就像是placeholder的效果了
input.val(replacevalue); //没有输入, 再把提示语设置上去
}
});
}
//是否是IE浏览器
function isIE() {
if (!!window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}
//IE不支持placeholder的问题 ————————end