Compatibilité du navigateur HTML Placeholder

Question

Quels navigateurs prennent en charge la balise HTML d'espace réservé pour les saisies de texte? Internet Explorer le prend-il en charge? (J'ai un espace réservé JavaScript que je peux utiliser pour les navigateurs qui ne le prennent pas en charge.)

<input type=TEXT placeholder="placeholder here" />

Answer 1

Pour ceux que cela intéresse, c’est le jQuery Fallback que j’utilise
Je l'utilise avec jQuery Validation Engine.
Remplacez FORMCLASS par la classe de votre formulaire.

 <!-- IF IE - use Placeholder Fallback -->
<!--[if lt IE 10 ]>
<script>
  $(".FORMCLASS").find('[placeholder]').each(function(){ 
    $(this).val($(this).attr('placeholder'));
    $(this).focus(function() {
      if ($(this).attr('placeholder')==$(this).val()) {
        $(this).val('');
      }
    });
  });
</script>
<![endif]--> 
 

Answer 2

Il est actuellement pris en charge par tous les principaux navigateurs sauf IE 9 et les versions antérieures et Opera mini.

Pour les mises à jour, consultez les spécifications de w3schools ou, mieux encore, consultez cet aperçu .

Answer 3

Selon cela , IE 10 le supporte. (Vous pouvez le tester ici )

Je résous le problème de cette manière, probablement la plus simple:

 <!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>
 

Answer 4

Firefox le supporte aussi depuis la 4.0

Answer 5

IE ne prend pas en charge les espaces réservés

Je ressens mieux ce code et il fonctionne dans tous les principaux navigateurs.

 <input id="example-email" type="text" value="Email Address" onfocus="if(this.value === 'Email Address') this.value = '';" onblur="if(this.value === '') this.value = 'Email Address';" name="example-email">