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文件中解决,然后再研究它。