Javascript登录页面“记住密码”实现

柔光的暖阳◎ 2021-09-30 10:20 419阅读 0赞

JS记住密码实现效果：

JavaScript Code

<table style="font-family:Consolas, 'Courier New';font-size:12px;vertical-align:text-top;line-height:15px;"> 
 <tbody> 
 <tr> 
 <td style="color:#008284;vertical-align:text-top;"> 
 <div style="text-align:right;">
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
 13 
 14 
 15 
 16 
 17 
 18 
 19 
 20 
 21 
 22 
 23 
 24 
 25 
 26 
 27 
 28 
 29 
 30 
 31 
 32 
 </div> </td> 
 <td>&nbsp;</td> 
 <td style="vertical-align:text-top;color:#000000;"> 
 <div>
 &lt;!DOCTYPE&nbsp;html&gt; 
 &lt;html&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;用户名密码&lt;/title&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script&nbsp;type= 
 "text/javascript" 
 &nbsp;src= 
 "http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js" 
 &gt;&lt;/script&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 function 
 &nbsp;SavePassword() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 if 
 (document.getElementById( 
 "savePassword" 
 ).checked) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 var 
 &nbsp;username&nbsp;=&nbsp;$( 
 "#username" 
 ).val(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 var 
 &nbsp;password&nbsp;=&nbsp;$( 
 "#password" 
 ).val(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.sessionStorage.username&nbsp;=&nbsp;&nbsp;username; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.sessionStorage.password&nbsp;=&nbsp;password; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;localStorage.rmbPassword&nbsp;=&nbsp; 
 true 
 ; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 else 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;localStorage.rmbPassword&nbsp;=&nbsp; 
 false 
 ; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/script&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;/head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;id= 
 "login" 
 &nbsp; 
 for 
 = 
 "username" 
 &nbsp;style= 
 "margin:auto;font-size:15px" 
 &gt;用户名：&lt;/label&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;style= 
 "margin:auto;font-size:15px" 
 &nbsp;type= 
 "text" 
 &nbsp;name= 
 "username" 
 &nbsp;id= 
 "username" 
 &nbsp;&nbsp;placeholder= 
 "输入用户名..." 
 &nbsp;&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;br&gt;&lt;br&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;id= 
 "login" 
 &nbsp; 
 for 
 = 
 "password" 
 &nbsp;style= 
 "margin:auto;font-size:15px" 
 &gt;密&amp;nbsp&amp;nbsp&amp;nbsp码：&lt;/label&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;style= 
 "margin:auto;font-size:15px" 
 &nbsp;type= 
 "password" 
 &nbsp;name= 
 "password" 
 &nbsp;id= 
 "password" 
 &nbsp;placeholder= 
 "输入密码..." 
 &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type= 
 "checkbox" 
 &nbsp;name= 
 "savePassword" 
 &nbsp;id= 
 "savePassword" 
 &nbsp;checked= 
 "checked" 
 &nbsp;οnclick= 
 "SavePassword()" 
 &gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;/body&gt; &lt;/html&gt; 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

![1012444-20171107123954606-285543455.png][]

转载于:https://www.cnblogs.com/MakeView660/p/7798489.html

[1012444-20171107123954606-285543455.png]: /images/20210724/23c05b1a0e0f4e9e87b7f85611f9bff6.png