input中的placeholder在ie8中不认怎么处理

2024-09-05

ie8的input的placeholder不显示的解决bug

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery1.10.2.min.js" type="text/javascript" charset="utf-8"></script> <style typ

placeholder在IE8中兼容性问题解决

placeholder是HTML5中的一个属性,可以在文本框中设置placeholder属性来显示一些提示性的文字,但对IE10以下的浏览器不支持,下面方法可以让placeholder能够使用在IE10以下的版本中. 第一种方法是在页面中添加下面一段脚本: <script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $('input[placeholde

关于input标签和placeholder在IE8，9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I

在IE8等不支持placeholder属性的浏览器中模拟placeholder效果

placeholder是一个很有用的属性,可以提示用户在input框中输入正确的内容,但是IE8以及IE8一下的浏览器不支持该属性,我们可以使用js来模拟相似的效果.下面直接上代码: <!doctype html> <html> <header> <meta charset="utf-8"> <title>placeholder</title> <style type="text/css"

ie8中支持 password 的 placeholder

之前写过一篇 ie8中使用placeholder 的博客,但是,该文中的 placeholder 在 type="password" 时会出现问题,不能显示文字而是密码类型的点,所以又找了以下的这段代码,可以解决密码的问题,使用方法和之前介绍的一样,只需在 </body> 之前引用该 js 文件即可. (function () { var EventUtil = { addHandler: function (element, type, handler) { if (el

ie8中使用placeholder

placeholder 是 html5 中的新属性,考虑到还有不少 ie8 的用户,所以找了一个 ie8 的 placeholder 的补丁,如下: <script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that =

鼠标点击input时，placeholder中的提示信息消失

html代码: <input type="text" placeholder="多个关键词空格隔开"> 鼠标点击input时,placeholder中的提示信息消失: <input type="text" placeholder="多个关键词空格隔开" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘多个关键词空格隔

修改 input中的placeholder的字体样式和颜色

placeholder属性是css3中新增加的属性, 由于是新加入的属性因此对各大浏览器都不兼容: 因此在使用的时候要加兼容性火狐:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } 火狐 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999; } ie浏览器 :-ms-input-placeholder { /* Internet Explorer 10+

四、Input框改placeholder中字体的颜色

Input框改placeholder中字体的颜色 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; }

文件上传按钮input[type="file"]按钮美化时在IE8中的bug【兼容至IE8】

首先看一下完成后的效果,鼠标移入可改变为手指的效果. 在此就不加图标了 <label class="file-upload"> <span>上传附件</span> <input type="file" name=""> </label> 在IE8中需要将input透明后还不能完全达到效果,还需要将字体设大一些,撑开input,这是IE自带的兼容问题. .file-upload{ disp

input框中修改placeholder的样式

有时间input标签的placeholder属性会出现问题,下面是修改placeholder的样式demo input::-webkit-input-placeholder{ color:red; font-size:20px; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; font-size:20px; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */

有关placeholder在ie9中的一点折腾

有关placeholder在ie9中的一点折腾. placeholder属性定义: placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述). 问题来源: placeholder属性给予了用户很友好的提示,但是在老版本的浏览器中就不会起作用(Internet Explorer 9 及之前的版本不支持 placeholder 属性),这是一个很头疼的问题,于是就产生了以下的思考. 解决思路判断浏览器是否支持placeholder属性 'plac

在IE8中使用padding设置select控件文字垂直居中

在火狐.苹果.谷歌.欧鹏等主流浏览器中,select下拉表单的文字能够垂直居中,如图: 而在ie8中,select下拉表单的文字基本就是靠底部显示,如图: 那么,如何使得ie8下的select文字垂直居中呢? 答案就是设置select{padding:5px 0;},如图: 如果想使得select有一定的高度,可再设置其height即可. 最后给大家来点笑话吧,解解乏: 1.老师:“在我的课上不允许玩手机,实在不想听的人可以睡觉!” 小明:“可是老师,睡觉之前我想玩会儿手机……” 2.老师:“小

CSS 在IE6, IE7 和IE8中的差别////////////////z

CSS 在IE6, IE7 和IE8中的差别关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存.截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额.在网站开发社区,这个数字要小很多,统计显示大概只有40%. 这些统计中比较有趣的部分是,IE6.IE7.IE8之间的数值很接近,这防止了单个Microsoft的浏览器占居统治地位——与过去的情况相反.根据这些令人遗憾的统计结果,在为客户开发网站的时候开发人员对所有当前使用的

IE8中JSON.stringify方法对自动转换unicode字符的解决方案

IE8内置了JSON对象,用以处理JSON数据.与标准方法的不同,IE8的JSON.stringify会把utf-8字符转码: var str = "我是程序员" var jsonstr = JSON.stringify(str) //""\u6211\u662f\u7a0b\u5e8f\u5458"" 一般情况下,我们是在向服务器发送数据的时候,才调用这个方法.服务器端可以正确的解析,所以没有什么问题.但是如果我们jsonstr还要在别的地方用

关于IE8中使用Jquery load方法无法正常加载页面

最近发现,在IE8中使用Jquery load方法时无法正常加载页面,页面显示空白,没有加载.调试发现,页面多了一个</div>标签,但在FF和CH下表现正常.希望能给遇到同样问题的码农有所提示.

.Net中的Placeholder控件

NET中的placeholder控件用来做什么的?其实PLACEHOLDER控件,是用来做动态加载用户自定义控件时,一个占位置作用的控件,比如在从一个Web页面转换到另一个Web页面时,你的ASP.NET应用程序的用户界面的某些部分常常是保持不变的——如某些“装饰”的部分:页眉处的GIF图片.水平工具条或导航条.左侧的链接.等等.你可以继续用它们,而不必为每个页面重建. 在过去,一个流行的ASP技术就是为一个页面的每个主要部分创建一个include文件,然后建一个整体的HTML表,表的单元包含

ie8中parseInt字符型数值转换数值型问题

今天在ie8中测试项目发现一个奇怪的问题,"08" "09" 强转竟然变成了: 后来发现ie8把"08" "09" 默认转成了八进制:所以问题就找到了, 默认:parseInt("09", 8) ==> 0 //返回八进制解决办法: 1.parseInt("09", 10) ==> 9 //返回十进制 2.parseFloat("09")

iOS Dev (60) 怎样实现 UITextView 中的 placeHolder

iOS Dev (60) 怎样实现 UITextView 中的 placeHolder 作者:阿锐地址:http://blog.csdn.net/prevention - 跟着你的 UITextView 定义一个 UILabel. UILabel *inputPlaceHolder; placeHolder 是当有内容时不显示.无内容时显示,所以能够为所在的实例相应的类实现 UITextViewDelegate 中例如以下方法. - (void)textViewDidChange:(UITex

border-raduis 在IE8中的兼容性问题

border-raduis 是css3新增加的属性,我们运用起来也很方便,效果很好,但是在IE8以及之前的ie版本并不支持这个属性,怎么解决这个问题呢? 1.切成背景这也是我经常用到的方法,虽然说有点麻烦,但是肯定没有问题.在碰到圆角时,我会去查看UI给我的psd图片,看看我是否可以直接将这个圆或圆角切图切下来,这样之后我都不用考虑写border-raduis这个属性了,直接将背景图片放上去就可以了,这种做法还有个好处就是不会碰到PNG的黑边现象.但是也有一个问题,就是这个图片的尺寸一点要切好

css中使用if条件在各大浏览器(IE6\IE7\IE8)中hack方法解决教程

一个滚动代码,其他浏览器都滚的好好的,就IE出现错误,DIV+CSS if条件hack,这里DIVCSS5为大家介绍针对各大浏览器(IE6\IE7\IE8)中使用if条件hack方法教程,DIV CSS IF使用与实例一个滚动代码,其他浏览器都滚的好好的,就IE出现错误!气愤!随想起IE的条件语句,如果是IE用第一种滚动方式,如果是其他浏览器用另外一种方式: 复制代码代码如下: <!--[if IE]> <script type="text/javascript&quo

input中的placeholder在ie8中不认怎么处理

热门专题