javascript - Comment afficher par défaut du texte au lieu de points avant de saisir le mot de passe sur la page d'inscription?

Question

<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...

Answer 1

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

Answer 2

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

.

Answer 3

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.

Answer 4

Utiliser un espace réservé

Answer 5

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

Answer 6

<input type=""  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

Answer 7

<input type="password" placeholder="Le texte par défaut que vous souhaitez afficher">

Answer 8

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

.