So zeigen Sie das Passwort der Anmeldeseite in JS an und verbergen es

Auf der Anmeldeseite wird es oft verwendet, um das Passwort ein- und auszublenden, indem man auf das kleine augenähnliche Bild im Textfeld klickt. Lassen Sie mich Ihnen vorstellen, wie Sie das Passwort auf der Anmeldeseite basierend auf JS anzeigen und ausblenden können. Freunde, die es benötigen, können darauf verweisen

Auf der Anmeldeseite wird es häufig zum Ausblenden und Anzeigen des Passworts verwendet Durch Klicken auf das kleine augenähnliche Bild im Textfeld ist das Implementierungsprinzip sehr einfach. Der spezifische Vorgang ist im Code zu sehen Bevor ich den Implementierungscode mit Ihnen teile, möchte ich Ihnen das Rendering zeigen:

<ul class="form-area">
 <li>
  <p class="item-content">
   <p class="item-input">
    <input type="text" name="accountName" autofocus required="required" placeholder="请输入用户名">
   </p>
  </p>
 </li>
 <li>
  <p class="item-content">
   <p class="item-input">
     <input type="password" name="password" id="password" required="required" placeholder="请输入密码">
   </p>
  </p>
 </li>
 <li>
  <span style="position:absolute;right: 20px;top: -38px">
   <img  id="showText" onclick="hideShowPsw()" alt="So zeigen Sie das Passwort der Anmeldeseite in JS an und verbergen es" >
  </span>
 </li>
</ul>

rrreeIch hoffe, ich habe das Obige für Sie zusammengestellt Es wird Ihnen in Zukunft hilfreich sein.

Ähnliche Artikel:

Worauf sollten Sie bei der Optimierung von Vue-Projekten achten?

Entwickelt mit modularem Ansatz in VueJS

So implementieren Sie die Array-Aktualisierungsfunktion in VUE

So verwenden Sie vue-cli, um mehrseitige Anwendungen zu implementieren

Das obige ist der detaillierte Inhalt vonSo zeigen Sie das Passwort der Anmeldeseite in JS an und verbergen es. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!