wfyj.net
当前位置:首页 >> 如何解决plACEholDEr的兼容性 >>

如何解决plACEholDEr的兼容性

html 5 有个很棒的属性,placeholder,在鼠标聚焦到上面时候,提示文字会消失,失去焦点之后,又会出现: 但是在不支持html5的低版本的浏览器中,placeholder属性是无效的,为了解决这个问题,因此,人为的去实现placeholder属性: 代码如下: //...

在页面添加如下脚本 $(function() { // 如果不支持placeholder,用jQuery来完成 if(!isSupportPlaceholder()) { // 遍历所有input对象, 除了密码框 $('input').not("input[type='password']").each( function() { var self = $(this); var val =...

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

placeholder是html5新增的input的一个属性,主要是让表单体验更加智能,相当于value属性,但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空,,不过兼容性还不太好,至少ie好像要9以上才能支持

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

jQuery('[placeholder]').focus(function() { var input = jQuery(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var input = jQuery(this); if (input.va...

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

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

用js啊;如: var inputVal=$("#inp").val();if(inputVal==""){$("#inp").val("来呀,互相伤害呀!");};$("#inp").focus(function(){$("#inp").val("");//获取焦点时候清空内容});$("#inp").blur(function(){if(inputVal==""){$("#inp").val("来...

input::-webkit-input-placeholder { color: #D6D0CA !important; /* WebKit browsers / } input:-moz-placeholder { color: #D6D0CA !important; / Mozilla Firefox 4 to 18 / } input::-moz-placeholder { color: #D6D0CA !importa..

网站首页 | 网站地图
All rights reserved Powered by www.wfyj.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com