Maison > Article > interface Web > 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('ps'); var pass = document.getElementById('pass'); ps.removeChild(pass); var psImput = document.createElement("INPUT"); if(pass.type == 'password'){ psImput.type = "text"; } else { psImput.type = 'password'; } psImput.id = 'pass'; 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!