jQuery通过改变input的type属性实现密码显示隐藏切换功能(input,jq,type,web开发)

时间:2024-05-02 22:25:27 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    jQuery%E9%80%9A%E8%BF%87%E6%94%B9%E5%8F%98input%E7%9A%84type%E5%B1%9E%E6%80%A7%E5%AE%9E%E7%8E%B0%E5%AF%86%E7%A0%81%E6%98%BE%E7%A4%BA%E9%9A%90%E8%97%8F%E5%88%87%E6%8D%A2%E5%8A%9F%E8%83%BD

一般我们做登录注册的时候都会提供一个让用户选择自己输入的密码是否显示的需求,

这种需求我们肯定会想到只要动态改变input的type属性不就好了(text显示/password隐藏):

于是我用了$(''#id).attr('type', 'password')这个API 然而结果并不是我想的那样,出错了

HTML 代码

意思大概就是这个属性不能被修改.

于是我就googl一手.

然而我得到的结果是这样的

HTML 代码

大体上都是这种办法,简单来说就是用两个input来回切换着显示,互相获取对方输入的字符!

这种办法我试了一手,可以实现,而且代码也不是很多。但是我总觉得怪怪的,这种需求应该这么实现?肯定不可能啊

一般这种情况我都会去看看大厂是不是这么做的,而且某些大厂并不是这么做的!

以上所述是小编给大家介绍的jQuery通过改变input的type属性实现密码显示隐藏切换功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

本文:jQuery通过改变input的type属性实现密码显示隐藏切换功能的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:基于springboot怎么搭建CAS Client客户端下一篇:

9 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18