Les espaces réservés ne s'affichent pas dans IE8 pour Bootstrap

Je suis en utilisant Bootstrap pour mon projet. Les espaces réservés sont l'affichage d'amende pour tous les navigateurs sauf Internet Explorer 8 et ci-dessous.

Existe-il des solutions pour obtenir de l'espace réservé de soutien dans IE8?

source d'informationauteur user521024

  1. 8

    vous pouvez utiliser ce plugin
    https://github.com/mathiasbynens/jquery-placeholder
    Fonctionne même dans IE6

  2. 4

    vous pouvez utiliser jquery filigrane plugin pour que

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

  3. 2

    Il devrait pas être difficile à comprendre sans un plugin, je devine quelque chose qui ressemble à cela fera l'affaire:

    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');
                         }
                       }
                   });
        }
    });
}
  4. 2

    L'ajout de Rubens réponse il existe une démo ici

    http://mathiasbynens.be/demo/placeholder

  5. 1

    IE9 et ci-dessous ne prend pas en charge la placeholder attribut. Voir cette

    Vous pouvez utiliser EZPZ conseils de la compléter. Il suffit de charger le script si le navigateur est IE

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

    EZPZ astuces qui vous permet de continuer à utiliser placeholder pour les navigateurs modernes.

    Exemple:

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

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