HTML5的占位符属性(IE兼容)实现代码

HTML5的占位符属性(IE兼容)实现代码
HTML5已经对Web表单进行了许多增强,如输入的新类型、表单验证等。

占位符是HTML5的另一个属性。当输入或文本集的性质,这个价值的内容会显示在文本框为灰色文字提示。当文本框获得焦点时,它会提示文本消失。在达到这个效果之前,是用来控制javascript实现的,火狐、谷歌浏览器表示支持,但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文件中解决,然后再研究它。

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部