Verwenden Sie JS, um das Eingabetypattribut dynamisch zu ändern

In diesem Artikel werden hauptsächlich relevante Informationen zum dynamischen Ändern des Eingabetypattributs durch Javascript vorgestellt und ein einfacher Beispielcode angehängt. Freunde in Not können darauf verweisen.

Javascript ändert das Eingabetypattribut dynamisch:

Code-Implementierung:

<script type="text/javascript">
  function shoppw(thebox){
    var ps = document.getElementById(&#39;ps&#39;);
    var pass = document.getElementById(&#39;pass&#39;);
    ps.removeChild(pass);
    var psImput = document.createElement("INPUT");
    
    if(pass.type == &#39;password&#39;){
      psImput.type = "text";
    } else {
      psImput.type = &#39;password&#39;;
    }
    psImput.id = &#39;pass&#39;;
    psImput.name = "password";
    psImput.maxlength="15";
    ps.appendChild(psImput);
  }
</script>

HTML-Code:

<td class="label"> * <label for="password" accesskey="">登录密码：</label></td>
  <td ><p id="ps"><input type="text" name="password" maxlength="15" id="pass" /></p>
   <input name="checkbox2" type="checkbox" value="true" checked="checked" id="show" onclick="shoppw(this)" />
   <label for="show" accesskey="">显示</label></td>

Sie können den Typattributwert des Eingabeelements zur Laufzeit dynamisch ändern

Oben habe ich es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

JS verwendet Ereignisdelegation, um Ereignisse zu Elementen hinzuzufügen

Tipps für die Verwendung von new() in JS

Zusammenfassung und Lösungen für häufige JS-Fehler

Das obige ist der detaillierte Inhalt vonVerwenden Sie JS, um das Eingabetypattribut dynamisch zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!