序言: input的type类型password 密码,jquery点击如何显示密码,查看是否正确
要实现点击时显示密码,可以使用jQuery来监听输入框的点击事件,并根据需要切换输入框的类型从而实现密码的显示和隐藏。以下是一个简单的实现示例:

1.HTML部分:

<input type="password" id="password" />
<label  id="viewPassword">查看密码</label>


2.CSS部分(可选,用于简单的样式展示):

#viewPassword {
  cursor: pointer;
}


3.jQuery部分:

$(document).ready(function() {
  $('#viewPassword').click(function() {
    // 获取输入框的当前类型
    var inputType = $('#password').attr('type');
    
    // 判断并切换输入框的类型
    if (inputType === 'password') {
      $('#password').attr('type', 'text');
    } else {
      $('#password').attr('type', 'password');
    }
  });
});

确保在你的页面中引入了jQuery库。这段代码会在文档加载完成后绑定点击事件到标签为viewPassword的元素上,点击后会切换password输入框的类型,从而实现显示或隐藏密码的功能。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐