<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value='Veuillez saisir Mot de passe de 6 à 20 chiffres';}" onfocus="if(this.value=='Veuillez saisir un mot de passe de 6 à 20 chiffres'){this.value='';}" value="Veuillez saisir un mot de passe de 6 à 20 chiffres" placeholder="Veuillez saisir un mot de passe de 6 à 20 chiffres"/>
Cette phrase est désormais affichée par défaut..., et "Veuillez saisir un mot de passe de 6 à 20 chiffres" s'affiche après avoir cliqué avec la souris sur la zone de saisie. Comment puis-je lui faire afficher "Veuillez saisir un mot de passe de 6 à 20 chiffres" par défaut, et après saisie, il devient...
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous avez écrit beaucoup d'attributs désordonnés, mais vous n'avez pas écrit d'espace réservé. . .
placeholder="Veuillez saisir un mot de passe de 6 à 20 chiffres", ajoutez-le à la saisie
Bien sûr, si vous utilisez js pour attribuer une valeur à vulue, elle sera affichée sous la forme * Vous pouvez essayer d'ajouter un espace réservé à la balise d'entrée
.Les nouveaux navigateurs prennent en charge l'espace réservé, puis définissent l'attribut CSS pour rendre le texte gris afin qu'il ne soit pas trop sombre.
Utiliser un espace réservé
Si vous n'avez pas besoin de prendre en compte les problèmes de compatibilité sous IE, le moyen le plus simple est placeholder
Mais l'attribut placeholder est compatible jusqu'à IE10
Donc, si vous devez considérer la compatibilité avec les navigateurs inférieurs à IE10, je vous suggère de jeter un œil à un plug-in jquery-placeholder
Le terminal mobile est compatible. S'il s'agit d'un terminal PC, vous pouvez télécharger le plug-in compatible avec ie8-
Adresse de téléchargement :
Description du lien
<input type="password" placeholder="Le texte par défaut que vous souhaitez afficher">
Le plus simple est l'espace réservé, mais il n'est pas compatible avec IE.
.Le moyen d'obtenir la compatibilité est de
écrire une balise em (la position est le nœud frère de l'entrée). zone de saisie.
Utilisez JS pour déterminer si le contrôle a le statut focus/flou/keyin pour confirmer si la balise em est affichée