placeholder 兼容ie8

最新推荐文章于 2019-10-22 17:48:13 发布
原创 最新推荐文章于 2019-10-22 17:48:13 发布 · 503 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#placeholder兼容 #ie8

本文介绍了一种使用JavaScript解决HTML表单中占位符兼容性问题的方法。通过检查浏览器是否支持placeholder属性，该脚本为不支持的浏览器提供了一个回退方案，确保了所有用户都能看到输入字段的提示信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script type="text/javascript">   

  if( !('placeholder' in document.createElement('input')) ){   

    $('input[placeholder],textarea[placeholder]').each(function(){    

      var that = $(this),    

      text= that.attr('placeholder');    

      if(that.val()===""){    

        that.val(text).addClass('placeholder');    

      }    

      that.focus(function(){    

        if(that.val()===text){    

          that.val("").removeClass('placeholder');    

        }    

      })    

      .blur(function(){    

        if(that.val()===""){    

          that.val(text).addClass('placeholder');    

        }    

      })    

      .closest('form').submit(function(){    

        if(that.val() === text){    

          that.val('');    

        }    

      });    

    });    

  }   

</script> 

IE8如何兼容placeholder解决方案
kerryqpw的博客
03-27 358
IE8如何兼容placeholder解决方案 ie8和ie9中会出现placeholder不兼容的问题。 原因：placeholder是h5的新属性，IE10以前的浏览器(8、9)不支持此属性。 解决方法：使用jQuery三方插件 jquery-placeholder 使用代码： <head> <script type="text/javas...
input的placeholder属性兼容ie8
03-17
用span标签定位到placeholder位置，用jq控制span的显示和隐藏。
兼容placeholder
a263531947的专栏
10-29 481
转自：http://blog.csdn.net/quzhiyong99/article/details/39645077 quzhiyong99的博客
placeholder兼容ie8
邱先生的博客
10-22 345
palceholder在低版本浏览器下兼容效果不是很好，在网上找了一些文章，很多的实现是将input里面的值赋值成palceholder，这样会有一个问题，input没有值的情况，获取form表单input的值不是为空而是palceholder的值，这个也不是想要的结果，所以自己简单的封装了一个方法来实现palceholder的效果。 html部分 <div class="login_b...
jQuery 两种方法实现IE10以下浏览器的placeholder效果
weixin_34254823的博客
09-18 158
/* ** jQuery版本：jQuery-1.8.3.min.js ** 测试的浏览器：IE8，IETester下的IE6-IE9** Author：博客园小dee */ placeholder是HTML5&lt;input&gt;的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果： 在Chrome( v31.0.1650.63 m)、Fire...
placeholder兼容IE8解决方案
weixin_34060741的博客
01-20 168
1、原因：placeholder是h5的新属性，IE10以前的浏览器(8、9)不支持此属性。   2、解决方法：jQuery三方插件  jquery-placeholder   3、快速开始：   [html] view plain copy     &lt;!DOCTYPE html&gt;   &lt;html&gt;   &lt;head&gt;       &lt;title&gt...
input的placeholder属性兼容ie8 优化版
07-18
总之，要实现 `input` 的 `placeholder` 属性在 IE8 和 IE9 的兼容，我们需要借助 JavaScript 来模拟其行为。通过创建一个显示提示文本的 `<span>` 元素，并监听用户的输入和点击事件，我们可以为这些老版本的 IE ...
IE8 placeholder 兼容使用插件（可兼容password类型input）
10-11
IE8 placeholder 兼容使用插件。可兼容password类型，可以正常显示提示字。
ie placeholder属性的兼容性问题解决方法
12-13
复制代码代码如下: //placeholder功能实现 var placeholder = { add: function (el) { if (!(‘placeholder’ in document.createElement(‘input’))) { var self = placeholder; el.each(functio
css3新属性placeholder兼容ie7/ie8
卡布洛技术专栏
09-18 4574
IE7和IE8发布时间较早，而且微软老版本浏览器支持一向不好，css3的新属性placeholder在IE7和IE8上完全不支持（本人已完全放弃IE6），为了让IE7和IE8也能够用上如此好用的css3新属性，写了一个插件来做下兼容。 此插件原理很简单，运用blur和focus和keyup等事件来设置input的value或者textarea的text,以此来模拟placeholder的性能
解决IE8之前浏览器不支持placeholder属性的问题
02-26
placeHolder是html5加入的新属性，此代码基于jQuery实现placeholder属性功能。
IE8支持placeholder属性
wmm555555的博客
04-28 787
项目引入jquery.placeholder.min.js或者jquery.placeholder.js 在js中加上$(function(){ $('input, textarea').placeholder(); });js文件的下载地址：http://www.bootcdn.cn/jquery-placeholder/
IE 8 浏览器 placeholder 兼容性处理
weixin_34279579的博客
05-29 175
写在前面 由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就变成了两个点，百度，gg很多，有的是通过lable 模拟，另外还有通过定位模拟，发现都不能很好地解决password 为点的问题。经过不断的尝试和参考别的产品在 IE 8 下兼容处理。我整理下，具体见下： 兼...
placeholder的兼容
weixin_30270889的博客
03-14 102
需求 在用户登陆输入框中给予“请输入用户名”的提示，一旦选中提示消失，并且兼容老版ie 解决方案 首先最先想到的是html5的placeholder属性，对于兼容性问题，晚上也有较好的解决方案。 随便给两个链接吧： HTML5 placeholder实际应用经验分享及拓展 HTML5 Placeholder jQuery Plugin 本来我也以为挺简单，后来仔细一看，nnd，要选中后就消失，so...
IE8兼容 - placeholder
weixin_40156417的博客
05-27 258
方法一：（缺点：输入时文字和提示文字颜色只能一样） <input type="text" onblur="if (this.value == '') { this.value = '请输入工号'; }" onfocus="if (this.value == '请输入工号') { this.value = ''; }" value="请输入工号"> 方法二：（常用） <...
IE8 兼容 placeholder 属性 含password
weixin_42213025的博客
12-27 343
function placeholderfun(){          if( !('placeholder' in document.createElement('input')) ){           function GetStringNumValue(pxstr){             return pxstr.substring(0,pxstr.length-2);       ...
placeholder兼容方法（兼容IE8以上浏览器）
weixin_30832143的博客
07-18 125
//placeholder兼容方法（兼容IE8以上浏览器） var JPlaceHolder = { //检测 _check: function () { return 'placeholder' in document.createElement('inpu...
ie8兼容placeholder属性(一段js解决)
笑到世界都狼狈的博客
09-04 579
只要把这段js粘贴到代码里，就可以实现效果了，具体的字体样子大小格式下面代码中有，根据自己的需求调整就好了 /*兼容ie8账号和密码的placeholder属性*/ var JPlaceHolder = { _check: function () { return 'placeholder' in document.createElement('input'); ...
ie8浏览器不支持placeholder属性
沈荣荣的博客
06-25 1685
$(function(){      //判断浏览器是否支持placeholder属性  supportPlaceholder='placeholder'in document.createElement('input'),    placeholder=function(input){      var text = input.attr('placeholder'),    d
jQuery实现兼容IE8的placeholder功能
综上所述，IE8 placeholder组件的实现是前端开发中兼容性问题的一个典型示例。解决这一问题需要开发者了解浏览器支持的历史背景、前端技术的兼容性处理方法，以及对旧技术的持续维护和更新策略。对于在维护老旧系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟也能逆袭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值