:-ms-input-placeholder

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La pseudo-classe :-ms-input-placeholder représente le texte d substitution d'un élément de formulaire. Elle permet aux auteurs et aux développeurs web d'adapter l'apparence des textes de substitution. Cette pseudo-classe est propriétaire et est uniquement prise en charge par Internet Explorer et Edge.

Exemples

Dans l'exemple suivant, le champ « Identifiant » a un style particulier. Le texte de substitution est affiché de cette façon jusqu'à ce que le focus passe sur le champ (ce qui correspond à une saisie).

CSS

input { 
  background-color:#E8E8E8; 
  color:black;
} 
/* Style pour le texte de substitution */ 
input.studentid:-ms-input-placeholder { 
  font-style:italic; 
  color: red; 
  background-color: yellow; 
}

HTML

<form id="test">
  <p><label>Saisir le nom : <input id="nom" placeholder="Nom de l'étudiant"/></label></p>
  <p><label>Saisir le domaine : <input id="domaine" placeholder="Domaine d'étude" /></label></p>
  <p><label>Saisir l'identifiant : <input type="num" pattern="[0-9]{8}" title="8 digit ID" id="sid" class="studentid" placeholder="Identifiant à 8 chiffres" /></label></p> 
  <input type="submit" /> 
</form>

Résultat

Capture d'écran

Spécifications

Cette pseudo-classe est une pseudo-classe propriétaire liée à Trident/Microsoft et ne fait partie d'aucune spécification. MSDN documente cette pseudo-classe.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple Pas de support Pas de support 10 Pas de support Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Support simple Pas de support Pas de support Pas de support (Oui) Pas de support Pas de support

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,