dkfr.net
当前位置:首页 >> iE plACEholDEr >>

iE plACEholDEr

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

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

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

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...

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...

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

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

多做一个判断,等于placeholder的时候就让它等于空,然后再拼接参数提交

-webkit-input-placeholder { /* WebKit 核心浏览器 如谷歌Chrome */color:#999;}-moz-placeholder { /* 火狐浏览器 */color:#999;}-ms-input-placeholder { /* IE 10+ */color:#999;}/* www.hi-docs.com/css.html */

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