jquery-placeholder.js是基于jquery的插件,对不支持placeholder的浏览器有非常好的兼容性,只需引入这个js文件,然后给所有Input元素调用一下placeholder方法即可 插件下载:https://github.com/mybedhome/jquery-placeholder 样式: .placeholder { color: #a0a0a0; text-indent: 8px;text-indent: 48px\0;text-indent: 8px\9\0…

HTML5对Web Form做了许多增强,比如input新增的type类型.Form Validation等.Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失. 这里提供了Placeholder的兼容方法,更新如下: 1.将方法修改为node原生对象的继承对象2.兼容input类型为password的文本框3.提供样式名称作为参数,可以灵活设置样式,修正样式设置一处问题4.…

!function (o) { o.fn.extend({ PlaceHolder: function () { var _isEmpty = function (val) { return (val === "" || val === "null" || val === null || val === "undefined" || val === "NaN"); }; var _handler = function (obj…

通过学习前辈的思想,个人想法整理如下: 通过两个元素标签,仿造出placeholder的内容 使用position定位好两个元素标签 第一要隐藏两个元素标签display:none,在<!--[if gte IE 8]><![endif]-->中设置style样式为display:inline-block 使用js控制效果,通过给页面绑定点击事件并且利用target对象做判断,控制两个元素标签的显藏: 点击的对象是元素标签,当前点击对象隐藏,判断另外的输入框值是否为空,是否隐藏显示…

两种方法的思路 一.使用input的value作为显示文本 二.不使用value,添加一个额外的span标签,绝对定位覆盖到input上面. 两种方式各有优缺点,方法一占用了input的value属性,表单提交时需要一些额外的判断工作,方法二则使用了多余的标签. placeholder=function(input){ var text=input.getAttribute('placeholder_t'), defaultValue=input.defaultValue; if(default…

1. 最简单的CSS Hack 区分 IE6 . IE7 .IE8 css .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6.IE7.IE8会显示红色*/ *background-color: #0066FF; /*IE6.IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/ } 上面的样式解释为顺序是 ff.ie8.ie7…

<script src="${ctx }/js/jquery.placeholder.js" type="text/javascript"></script> $(function() { $('input').placeholder();//兼容ie10下placeholder属性: }); js文件地址…

[方法一:CSS3实现文本不可复制] .content {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;} /*然而不兼容IE678*/ [方法二:JS实现文本不可复制] document.getElementById('').onselectstart = document.getElementById('').oncontextmenu = function(){…

想要兼容IE678,少用原型,因为它们没有完全实现ECMA-262规范 (function(window){ //兼容IE678时少用原型,因为它没有完全遵循ECMA-262规范 //衬垫代码:isArray方法的兼容方案 if (!Array.isArray) { Array.isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]'; }; } //衬垫代码:every数组…

opacity{ opacity:0.5; filter:alpha(opacity=50);  //filter 过滤器   兼容IE678 }…