www.bcmx.net > iE input plACEholDEr

iE input plACEholDEr

placeholder是HTML5的一个新属性,IE8及一下都不兼容,为了为了兼容IE,可以采用模拟placeholder的方法实现,如:

placeholder 是HTML5的。 在IE6-8中不能使用。可以使用 JQ 来设置。 给input一个value, JQ判断得到焦点时 value=""; 移开焦点时,若input为空,那么再加上"请输入即可" 具体例子如下: $(document).ready(function() { $("input").focusin(fun...

Placeholder在不支持html5的低版本的浏览器中,placeholder属性是无效的,例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理 在页面添加如下脚本 $(function() { // 如果不支持placeholder,用jQuery来完成 if(!isSuppor...

placeholder 可以这样写 input::-webkit-input-placeholder { color: #c2c2c2; } meter 这个问题我就不知了

让IE下支持placeholder的属性插件,代码如下: '代码保存成一个js文件引用即可。 $(document).ready(function(){ var doc=document, inputs=doc.getElementsByTagName('input'), supportPlaceholder='placeholder'in doc.createElement('input'),...

因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ colo...

加上这个jquery代码可以解决兼容 $(function(){if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); ...

其实以前是通过给input|textarea设置value值来实现类似功能的,当input|textarea获得焦点时,将其value设置为空。但是有一个问题是对于密码输入框: 如 果再用设置value值的方法,密码输入框中的值将被黑点替代。使用placeholder则可以解决这个...

placeholder是HTML5的属性之一,在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果: 在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )中,输入栏获得焦点后,提示文字并不消失,如图( Chrome ): 获得...

你好,placeholder是HTML5的属性之一,在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果。 ie浏览器的兼容性不是很好,效果可能会比较差,这里建议你可以去下载QQ浏览器。它的兼容性比较好,对于这些js代码的兼容性和执行力都...

网站地图

All rights reserved Powered by www.bcmx.net

copyright ©right 2010-2021。
www.bcmx.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com