ie中placeholder属性不支持,js解决

ie中placeholder属性不支持,js的解决方法:

//placeholder属性在ie下兼容
            function placeholder ( pEle , con ) {
                var pEle = pEle
                if( pEle.find("input,textarea").val() == "" ){
                    pEle.append("<i class=‘placeholder_ie‘>"+con+"</i>");
                }
                pEle.click(function () {
                    $(this).find(".placeholder_ie").css("display","none");
                    $(this).find("input,textarea").focus();
                })
                pEle.find("input,textarea").blur(function () {
                    if( pEle.find("input,textarea").val() == "" ){
                        pEle.find(".placeholder_ie").css("display","inline-block");
                    }
                })
            }
            // ie浏览器
            if( navigator.appName == "Microsoft Internet Explorer" ){
                placeholder( $(".header_box .serach_content").eq(0) , "search..." );
                placeholder( $(".news_product .search_website>p").eq(0) , "深圳" );
            }

css:

/*输入框ie下placeholder样式*/
.placeholder_ie{
    display: inline-block;
    width:100%;
    height:26px;
    position: absolute;
    left:-42px;
    top:0;
    line-height: 26px;
    font-size: 14px;
    padding:0 10px;
    color:#989898;
}
时间: 2024-12-27 15:00:58

ie中placeholder属性不支持,js解决的相关文章

解决HTML5中placeholder属性兼容性的JQuery插件

//调用方法 $(function () {   $(".pHolder").jason(); }); //HTML代码 <input type="text" class="pHolder" placeholder="请输入姓名" /> //jquery插件 ($.fn.jason = function(a) {    var b = {        focus: "black",      

ie兼容html5中placeholder属性

<!doctype html><html><head><meta charset="utf-8"><title>placeholder</title> <script id="jquery_183" type="text/javascript" class="library" src="C:/Users/Administrator/Desk

css3中placeholder属性修改文字颜色。

这个问题困扰我好久了.终于在网上找到合适的写法..... 直接扒过来的,嘻嘻... .text::-webkit-input-placeholder { color: red; } .text:-moz-placeholder {/* Firefox 18- */ color: red; } .text::-moz-placeholder{/* Firefox 19+ */ color: red; } .text:-ms-input-placeholder { color: red; } .te

bootstrapvalidator中name属性带点怎么解决

<div class="form-group">  <div class="col-md-6 col-md-offset-3">   <input type="text" class="form-control" placeholder="用户名" name="userRegisterInfo.username" value="" id=

在IE8及以下的浏览器中,不支持placeholder属性的解决办法

以下代码解决了在IE8及以下浏览器中不支持placeholder属性. 原理:将placeholder的值作为内容写入控件,并添加控件事件来进行模拟. ;(function(){ if( !('placeholder' in document.createElement('input')) ){ // 匹配 除type=password以外所有input.textarea $('input[placeholder][type!=password],textarea[placeholder]').

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

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

让IE下支持Html5的placeholder属性

HTML5对Web Form做了许多增强,比如input新增的type类型.Form Validation等. Placeholder 是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文 字消失.以前要实现这效果都是用JavaScript来控制才能实现 , firefox.google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: <input id="t1" type

解决IE中placeholder的兼容问题

定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password. 问题: 由于placeholder 属性是 HTML5 中的新属性,所以IE10以下不支持该属性,有问题就会有解决办法,我的方法就是,利用label和input组合,去模拟实现pla

让IE支持placeholder属性,跨浏览器placehoder

在html5中,文本框,也就是input, type为text,或者password,新增了一个属性placeholder,也就是占位符,以下是firefox浏览器下的表现形式,当输入的时候,占位符就会消失.这个属性非常好用,因为有这个必要html5才会因素这个属性,然而在IE下,就没有这效果,以下是IE9的表现. 下面是JS版: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />