允许IE支持HTML5的占位符属性的插件

占位符是HTML5的另一个属性。当输入或文本设置此属性,这个价值的内容会显示在文本框为灰色文字提示。当文本框获得焦点时,它将提示文本消失。




HTML5已经对Web表单进行了许多增强,如输入的新类型、表单验证等。

占位符是HTML5的另一个属性。当输入或文本集的性质,这个价值的内容会显示在文本框为灰色文字提示。当文本框获得焦点时,它会提示文字消失之前,要达到这个效果是用来控制Javascript实现,Firefox,Chrome上眉目传情,表示支持,但是IE有违和感!

例如:

一个超强大的属性插件允许IE支持占位符,它也与不支持占位符的其他浏览器兼容。代码如下:

复制代码代码如下所示:
$(文档)Ready(函数(){)
文档,
输入= doc.getelementsbytagname(输入的),
supportplaceholder = 'placeholder'in doc.createelement(输入的),
占位符=函数(输入){
var text = input.getattribute('placeholder),
默认值= input.defaultvalue;
如果(默认值= =){
输入=值=文本
}
输入。onfocus =函数(){
如果(输入=值=文本)
{
这个值=
}
};
输入。onblur =函数(){
如果(输入值==){
这个值=文本
}
}
};
如果(!supportplaceholder){
对于(var i = 0,len = inputs.length;我< len;i++){
var输入=输入{ },
文本= input.getattribute('placeholder);
如果(输入类型= = =。'text'text){
占位符(输入)
}
}
}
});

直接复制代码,保存为js文件参考,不做任何处理,超方便!

它的确可以使IE输入显示占位符属性,但是如果页面只有一个输入是OK的,如果它是大于输入的,如果输入没有填入任何值,那么它会自动在空值中输入占位符,并出现错误。例如:

复制代码代码如下所示:



解决方案是在后台判断,也许可以在上面的js文件中解决,然后再研究它。