jQuery:在密码字段中显示纯文本,然后使其成为焦点上的常规密码字段

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:在密码字段中显示纯文本,然后使其成为焦点上的常规密码字段相关的知识,希望对你有一定的参考价值。

  1. The html
  2.  
  3. <form>
  4. <div>
  5. <input class="default-value" type="text" name="email" value="Email Address" />
  6. </div>
  7. <div>
  8. <input id="password-clear" type="text" value="Password" autocomplete="off" />
  9. <input id="password-password" type="password" name="password" value="" autocomplete="off" />
  10. </div>
  11. </form>
  12.  
  13.  
  14.  
  15. The CSS
  16. #password-clear {
  17. display: none;
  18. }
  19.  
  20.  
  21.  
  22.  
  23. The jQuery
  24. $('#password-clear').show();
  25. $('#password-password').hide();
  26.  
  27. $('#password-clear').focus(function() {
  28. $('#password-clear').hide();
  29. $('#password-password').show();
  30. $('#password-password').focus();
  31. });
  32. $('#password-password').blur(function() {
  33. if($('#password-password').val() == '') {
  34. $('#password-clear').show();
  35. $('#password-password').hide();
  36. }
  37. });

以上是关于jQuery:在密码字段中显示纯文本,然后使其成为焦点上的常规密码字段的主要内容,如果未能解决你的问题,请参考以下文章

防止 Facebook Android SDK 将密码显示为纯文本

在密码字段中显示星号而不是无值

斯威夫特:如何在我的 AVPlayerLayer 顶部添加图像/文本以使其成为视频的一部分?

从Woocommerce 3.4+中的结帐字段中删除“(可选)”文本

assess数据库一个表中有一列是html格式的,将数据表导出为excel格式,怎么使这一列显示为纯文本格式啊?

jQuery ajax 和 htmlentities,在文本字段上使用 .val()