placeholder 兼容处理

placeholder是html5 的属性，一些不支持的ie就苦逼了，只能用js处理，代码如下：

(function($) {
$.fn.extend({
placeholder: function() {
if ("placeholder" in document.createElement("input")) {
return this //如果原生支持placeholder属性，则返回对象本身
} else {
return this.each(function() {
var _this = $(this);
_this.val(_this.attr("placeholder")).focus(function() {
if (_this.val() === _this.attr("placeholder")) {
_this.val("")
}
}).blur(function() {
if (_this.val().length === 0) {
_this.val(_this.attr("placeholder"))
}
})
})
}
}
})
})(jQuery);

这个不支持密码输入框，还有修改颜色。

可以点击这里研究一下一个比较好的插件(jquery.placehold.js)。

也可以查看这些博客。文章1，文章2