html5下input的placeholder标签兼容ie9

input的placeholder属性兼容ie8 用span标签定位到placeholder位置,用jq控制span的显示和隐藏。 立即下载

if (!!window.ActiveXObject || "ActiveXObject" in window)  { //判断在ie下执行


    $(function(){
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.val() == '' || input.val() == input.attr('placeholder')) {
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  }
}).blur().parents('form').submit(function() {
  jQuery(this).find('[placeholder]').each(function() {
    var input = jQuery(this);
    if (input.val() == input.attr('placeholder')) {
      input.val('');
    }
  })
});

    })


}



css文件里需要增加   .placeholder{color:#a9a9a9;}

input中placeholder在Ie上兼容 使用jQuery快速解决input中placeholder值在ie中无法支持的问题 立即下载

相关推荐

input的placeholder属性兼容ie8 优化版

兼容ie8、ie9的placeholder属性,其他浏览器用自身的placeholder。在ie8和ie9浏览器,点击span则让input聚焦。

input placeholder ie9

placeholder是文本框用来提示内容的属性,比如:<input id="txt" type="text" name="account" placeholder="请输入帐号">1会显示为:  然而IE9不支持此属性,可以使用js来简单模拟placeholder行为。我的基本思路是为输入框设置value值,并设置字体颜色,根据输入框内容模拟placeholder。对于密码输入框pl...

韩梦飞沙_韩亚飞 257

C# Socket网络通信UDP(关键字:Socket)

简单Socket-Udp通信 在本文中涉及到通信,仅做简单的通信(服务端接受消息,由客户端发出消息) 如有需要,根据需求可直接copy使用 关键字Socket 需要引用命名空间: using System.Net; using System.Net.Sockets; 服务端: using System; using System.Net; using System.Net.Sockets; u...

MelanceXin的博客 3887

input的placeholder的兼容性问题

input::-webkit-input-placeholder{  color: #787878;  }  input::placeholder{  color: #787878;  }  input::-ms-input-placeholder{  color: #787878;  } input:-moz-placeholder{ color: #787878; 

running_shuai的博客 697

LT码与Raptor码的性能仿真

从数据分析看来,在数据块大小较小时(100 - 200 左右 ),LT 码和 Raptor 码的平均冗余符号数量差距相对较小,但 LT 码的冗余符号数量始终高于 Raptor 码。现在采用MATLAB进行仿真,直观展示不同数据块大小下,两种解码方式的解码时间差异.如图4.1所示,LT解码(绿色圆点折线)LT 解码方式的解码时间随数据块大小的变化情况。从实际应用的角度来看,LT码由于其简单的编码机制,适用于资源受限或对编码效率要求较高的场景,但其较高的解码复杂度限制了其在一些实时性要求较高的应用中的使用。

道亦无名 1136

英伟达NVIDIA数字IC后端笔试真题(ASIC Physical Design Engineer)

英伟达NVIDIA数字IC后端笔试真题(ASIC Physical Design方向)

weixin_37584728的博客 3918

简单实现IE9及以下对placeholder的兼容性

placeholder属性的出现使input输入框不再单调,而且可以对用户做一个对输入内容的提醒或者指引,起到了很好的作用。但是 但是IE9及IE9以下不支持这个属性,这就让人很恼火呀,毕竟中国还有好多人用的是IE9及以下浏览器/(ㄒoㄒ)/~~。

樊小书生 1万+

IE9兼容placeholder的正确姿势

//<!--[if IE 9]><script type="text/javascript" charset="utf-8" src="/scripts/placeholder.js"></script><![endif]-->//IE9浏览器,文本框模拟添加placeholder//添加placeholder时,密码框变成文本框//V1

dream_xiaofei的专栏 2440

UM982模组在无人机精准农业中的实战应用:如何配置双天线RTK实现厘米级定位

本文深入解析了UM982双天线RTK模组在农业无人机中的实战应用。通过详细阐述其硬件集成、软件配置及抗干扰调试全流程,重点说明了如何利用双天线设计直接获取高精度航向,并结合BDS等多系统GNSS信号,实现农田复杂环境下的厘米级稳定定位,从而提升变量施肥、自动巡田等精准农业作业的效率与质量。

weixin_29304021的博客 504

电子技术——共栅和共源共栅放大器的高频响应

我们在之前学过无论是是CS放大器还是CE放大器,都可以看做是一个带通(IC低通)滤波器。在高频处的响应收到输入电容 $C_{in}$ 的限制(主要是米勒效应)。因此,若想扩大放大器的带宽,我们必须减小米勒效应,一种方案就是共栅放大器。

jiahonghao2002的博客 4183

input placeholder 兼容问题

placeholder是html5出的新特性,ie9以下是不兼容的, 那么为了兼容ie9 我们需要对他做处理 //jq的处理方式$(function(){ jQuery('[placeholder]').focus(function() { var input = jQuery(this); if (input.val() == input.attr...

weixin_30745553的博客 124

突破III-V/硅混合集成的挑战:UTC光电探测器能带工程仿真实践

本文探讨了UTC光电探测器在III-V/硅混合集成中的能带工程仿真实践,通过Ansys Lumerical平台实现多物理场仿真,解决晶格失配和能带不连续性等关键挑战。文章详细介绍了FDTD光学仿真和CHARGE电学仿真方法,优化器件性能,提升响应度和带宽,为高速光通信和量子计算提供技术支持。

weixin_29219539的博客 295

使用jQuery解决IE9以下无法支持input的placeholder的问题

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。然而PC端页面也常常需要用到这个属性,效果表现为当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。 要如何解决ie9以下浏

cc蒲公英的博客 3088

锁的艺术:Java并发中的常用锁策略与实践

对java锁相关内容进行整理分析:乐观锁 VS 悲观锁+自旋锁 VS 适应性自旋锁+无锁 VS 偏向锁 VS 轻量级锁 VS 重量级锁+公平锁 VS 非公平锁+可重入锁 VS 非可重入锁+独享锁 VS 共享锁

曾经“等你生日那天”都遥远得像未来,如今却可欢愉的挥手说“下个十年见” 171万+

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

IE9兼容placeholder

最近做项目发现IE9不支持placeholder属性,故而做兼容,在此做一个记录。 解决方案:先检查浏览器是否支持placeholder属性,如果支持,则不做处理;如果不支持,且placeholder有值的情况下,生成一个label标签覆盖在原来input的位置,然后再根据input的情况对label标签显示或隐藏。 效果如下图: demo如下(由于宽度有限,对某些代码做了换行处理): ...

qq_36584352的博客 360

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

html5的placeholder兼容问题,解决html5新标签 placeholder 低版本浏览器下不兼容问题(示例代码)...

placeholder属性是HTML5中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。实例:1 placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,所以本人很喜欢用这个属性。然而,在IE9以下版本浏览器就失效了,并且IE10+支持placeholder属性,它的表现与其它浏览器也...

weixin_39634576的博客 227

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

解决ie不支持placeholder的问题

html5的input标签有一个很强大的placeholder属性,可是ie9以下的都不支持(包括ie9).为了解决这个问题。需要自己写js控制 <!DOCTYPE html> <html > <head> <meta charset="utf-8"/> <title>placeholder的兼容性问题</title&...

weixin_30657999的博客 128

HTML5的学习

关于html5的学习内容

qq_35112578的博客 300

html5学习

兼容性问题(ie9+) 新增特性: 1.语义化标签: .注·:针对搜索引擎来用;可是使用多次;需要转化为块级元素; 2.多媒体文件: A.视频<video>元素:MP4格式支持多数文件 若不支持MP4文件时: 常见属性: Poster 网速慢的话会显示; muted (谷歌自动播放) B.音频 audio 属性:同视频一样;播放控件循环 C.input类型: 新增属性: input::placeholder { c

m0_56631295的博客 295

html图片按钮打开一个链接,HTML中使用<input>添加的按钮打开一个链接

在HTML中,表单的可以添加一个按钮。如果想让该按钮实现 的超链接功能,需要如下实现:在新的窗口中打开页面(target = blank):在当前窗口中打开页面(target = self) : 注意:第2个不要用onclick="window.location.href('new.jsp')" ,这种方式有些浏览器,如360安全浏览器等,不能够识别。如何使用button在tab中新建打开一个...

weixin_39944074的博客 867

解决placeholder兼容性问题

placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 实例:1 input type="text" name="userName" placeholder="请输入用户名"> placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,

大头菜的博客 1230

解决html5新标签 placeholder 低版本浏览器下不兼容问题

placeholder属性是HTML5中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。实例:1 <input type="text" name="userName" placeholder="请输入用户名">placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中...

weixin_33877885的博客 84

解决html5新标签【placeholder】低版本浏览器下不兼容问题

原文地址:https://www.cnblogs.com/gaofengming/p/5163297.html 感谢博主分享 placeholder属性是HTML5中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 实例: 1 &lt;input type="text" name="userName" plac...

捣蛋的博客 447

html5总结

声明改变 为<!DOCTYPE html> 【Html5的新标签】 用之前的标签完全可以代替的:header footer aside atrical nav address time mark section 新增的重要的标签:video(视频) audio(音频) caves(画图) 新标签的作用:语义化,使代码的可读性更强;便于提高搜索优化。 兼容性:兼容IE9+,IE...

绝圣弃智-零的博客 249
上一篇: 数组的一些操作
下一篇: 小数点位数的处理
xumingqing171
博客等级 码龄18年 1粉丝 24原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值