设置密码是否为可见

Posted 2020-08-19 奋斗的少年WH

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了设置密码是否为可见相关的知识，希望对你有一定的参考价值。

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

以上是关于设置密码是否为可见的主要内容，如果未能解决你的问题，请参考以下文章

Android 设置密码文本是否暂时显示字符

用片段替换某些东西

菜单在片段中不可见

使用绑定从片段访问父活动的 UI 元素

片段管理访问错误可见 return false