Comment créer une entrée de type mot de passe avec des astérisques en utilisant uniquement CSS ?

Style Input Type=Text Like Type=Password

Question :

Comment pouvez-vous modifier un élément d'entrée avec type=text pour afficher des astérisques comme une saisie de mot de passe en utilisant uniquement CSS ?

Solution :

Malgré la nature uniquement de présentation de ce problème, CSS seul peut obtenir cet effet pour les navigateurs modernes :

<code class="css">input.pw {
  -webkit-text-security: disc; /* Older Safari/Chrome */
  text-security: disc; /* W3C */
}</code>

Appliquez ce CSS à l'élément d'entrée avec la classe "pw":

<code class="html"><input type="text" class="pw" value="abcd">

<!-- Button to toggle asterisk display -->
<button onclick="this.previousElementSibling.classList.toggle('pw')">Toggle '•'</button></code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!