设置密码是否为可见

最新推荐文章于 2023-08-22 17:48:34 发布

A458545418

最新推荐文章于 2023-08-22 17:48:34 发布

阅读量135

点赞数

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/1020182600HENG/p/6055129.html

版权

<html>
<head>
  <meta charset="utf-8">
  <title>密码明文</title>
  <script language="JavaScript">
  function demo(){
    var tp=document.all["passwd"];
    //tp.setAttribute("type","text");     //ok1
    //tp.type="text";           //ok2
    var rd=document.all["rd"];
    if(rd.checked){
        tp.type="text";
    }else{
        tp.type="password";
    }
  }
  </script>
</head>

<body>
<form>

<fieldset style="width:300px;margin-left:35%;margin-top:10%;">
    <legend >设置为可选明文密码</legend>
        <table>
            <tr>
                <td><label for="rd" onfocus="demo()">是否为明文</label></td>
                <td><input type="checkbox" id="rd" name="rd" onclick="demo()"/></td>
            </tr>
            <tr>
                <td>用户名：</td>
                <td><input type="text" id="username"/></td>
            </tr>
            <tr>
                <td>密&nbsp;码：</td>
                <td><input type="password" id="passwd" name="passwd"/></td>
            </tr>
        </table>        
</fieldset>

</form>
</body>
</html>

源码

 1 <html>
 2 <head>
 3   <meta charset="utf-8">
 4   <title>密码明文</title>
 5   <script language="JavaScript">
 6   function demo(){
 7     var tp=document.all["passwd"];
 8     //tp.setAttribute("type","text");     //ok1
 9     //tp.type="text";           //ok2
10     var rd=document.all["rd"];
11     if(rd.checked){
12         tp.type="text";
13     }else{
14         tp.type="password";
15     }
16   }
17   </script>
18 </head>
19 
20 <body>
21 <form>
22 
23 <fieldset style="width:300px;margin-left:35%;margin-top:10%;">
24    <legend >设置为可选明文密码</legend>
25        <table>
26             <tr>
27                 <td><label for="rd" onfocus="demo()">是否为明文</label></td>
28                 <td><input type="checkbox" id="rd" name="rd" onclick="demo()"/></td>
29             </tr>
30             <tr>
31                 <td>用户名：</td>
32                 <td><input type="text" id="username"/></td>
33             </tr>
34             <tr>
35                 <td>密&nbsp;码：</td>
36                 <td><input type="password" id="passwd" name="passwd"/></td>
37             </tr>
38        </table>        
39 </fieldset>
40 
41 </form>
42 </body>
43 </html>

转载于:https://www.cnblogs.com/1020182600HENG/p/6055129.html

A458545418

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设置密码是否为可见

<html><head> <meta charset="utf-8"> <title>密码明文</title> <script language="JavaScript"> function demo(){ var tp=document.all["passwd"];...
复制链接

扫一扫