I segnaposti non vengono visualizzati in IE8 per Bootstrap

Question

Sto utilizzando Bootstrap per il mio progetto. I segnaposto vengono visualizzati correttamente per tutti i browser ad eccezione di Internet Explorer 8 e versioni precedenti.

Esistono soluzioni per ottenere il supporto segnaposto in IE8?

Answer 1

è possibile utilizzare jQuery filigrana plug-in per quel

https://code.google.com/p/jquery-watermark/

Answer 2

IE9 e al di sotto non supporta l'attributo placeholder. Vedi this

È possibile utilizzare EZPZ hints per completarlo. Basta caricare lo script se il browser è IE

<!--[if lt IE 10]> 
     <script src="PATHTOFILE"></script> 
    <![endif]--> 

suggerimenti EZPZ consente di continuare a utilizzare placeholder per i browser moderni.

Esempio:

<input type="text" id="search" placeholder="Search" /> 

$("input[type=text]").ezpz_hint(); 

Answer 3

E should'nt essere quella di difficile da capire questo fuori senza un plug-in, sto cercando di indovinare qualcosa di simile a questo farà il trucco:

var test = document.createElement('input'); 
if (!('placeholder' in test)) { 
    $('input').each(function() { 
     if ($(this).attr('placeholder') != "" && this.value == "") { 
      $(this).val($(this).attr('placeholder')) 
        .css('color', 'grey') 
        .on({ 
         focus: function() { 
         if (this.value == $(this).attr('placeholder')) { 
          $(this).val("").css('color', '#000'); 
         } 
         }, 
         blur: function() { 
         if (this.value == "") { 
          $(this).val($(this).attr('placeholder')) 
            .css('color', 'grey'); 
         } 
         } 
        }); 
     } 
    }); 
} 

Answer 4

è possibile usare questo plugin https://github.com/mathiasbynens/jquery-placeholder Anche funziona in IE6

Answer 5

aggiungendo da Rubens rispondere c'è una demo qui

http://mathiasbynens.be/demo/placeholder