Utilisez JS pour modifier dynamiquement l'attribut de type d'entrée

Cet article présente principalement les informations pertinentes sur la modification dynamique de l'attribut de type d'entrée par Javascript et joint un exemple de code simple. Les amis dans le besoin peuvent s'y référer

Javascript modifie dynamiquement l'attribut de type d'entrée :

Implémentation du code :

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

Code HTML :

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

Vous pouvez modifier dynamiquement la valeur de l'attribut de type de l'entrée élément au moment de l'exécution

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

JS utilise la délégation d'événements pour ajouter des événements aux éléments

Conseils pour utiliser new() dans JS

Résumé et solutions aux erreurs JS courantes

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!