Maison >interface Web >js tutoriel >Utilisez JS pour modifier dynamiquement l'attribut de type d'entrée

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

亚连
亚连original
2018-05-19 14:32:511132parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn