2013-03-09 85 views
1

placeholder显示没有出现在IE9浏览器...
提供下面我的代码... 做ü需要编写任何的jQuery或CSS破解了IE9占位符不是在IE9

http://defie.co/contact.html

<div class="span6"> 
    <i class="bookmarkingContact"></i> 
    <h3 style="margin-bottom: 22px;">Inquiry</h3> 

    <input class="span2" type="text" name="email" placeholder="User Name"> 
    <input class="span2" type="text" name="email" placeholder="Company"> 
    <input class="span2" type="text" name="email" placeholder="Email"> 
    <input class="span2" type="text" name="email" placeholder="Password"> 
    <a href="#" style="position: relative; top: 13px;">Sign Up</a> 
</div> 
+0

这已经回答了其他地方好得多比它一直在这里:堆栈从去年11月份(HTTP://计算器.com/a/13281620/2145980) – 2013-03-10 00:14:28

回答

5

的占位没有出现在IE9浏览器

IE < 10不支持HTML5 placeholder属性。

Quircksmode

1

input标签的占位符属性在Internet Explorer 9及更早版本不支持。所以要么使用Javascript来模拟效果,在输入旁边添加一个标签,或者忘记IE。

0

IE9不支持它。我所做的尝试在IE9中创建相同的效果,编写了一个JavaScript函数来检查placehoder是否受支持。如果不是,则显示通过jQuery的表单元素字段中的文本......

/*AN HTML5 INPUT ATTRIBUTE THATS REALLY COOL*/ 
var placeHolderSupport = ('placeholder' in document.createElement('input')); 

/*IF PLACEHOLDER IS NOT SUPPORTED...*/ 
if(!placeHolderSupport) { 

/*GET THE ID OF EACH FORM ELEMENT*/ 
fname  = $('#fname'); 
femail  = $('#femail'); 
furl  = $('#furl'); 
fcomment = $('#fcomment'); 
fsubmit  = $('#sendbtn'); 

/*DEFINE DEFAULT VALUES FOR EACH INPUT FIELD*/ 
fnameval = "Your Full Name"; 
femailval = "Your E-mail Address - (It will not be shared!)"; 
furlval  = "Your Web Site"; 
fcommentval = "Your Message"; 



     /*ASSOCIATE THE DEFAULT VALUES TO THE FORM INPUT FIELDS*/ 
     fname.val(fnameval); 
     femail.val(femailval); 
     furl.val(furlval); 
     fcomment.val(fcommentval); 

     /*CYCLE THROUGH EACH INPUT FIELD TO...*/ 
      $.each([ 
      {selector: fname, mvalue: fnameval}, 
      {selector: femail, mvalue: femailval}, 
      //{selector: furl, mvalue: furlval}, 
      {selector: fcomment,mvalue: fcommentval} 
      ],function(i, obj) { 

       /*...SHOW OR HIDE DEFAULT VALUES*/ 
       obj.selector.focus(function() { 
        if(this.value == obj.mvalue) { this.value = ''; }; 
       }).blur(function() {  
        if(!this.value) { this.value = obj.mvalue;}; 
       }); 
    } 
+0

这些代码从何而来? – gdoron 2013-03-09 22:23:32