1. 程式人生 > >如何在登陸註冊的時候,實現密碼框的小眼睛的顯示與與隱藏?

如何在登陸註冊的時候,實現密碼框的小眼睛的顯示與與隱藏?

class 類型 show 註冊 獲取 info 圖片 txt value

開始沒有思路,進行了各種嘗試,開始的想法是造出兩個input 互相切換,但對應的value總是相互獲取不到,內心無比奔潰。。。再琢磨一會後突然靈光一閃,想到為啥不用更簡單的方式呢,通過prop(),去改變input 的type 類型;哈哈,真的可以。。。又查了一下網上居然和自己想法一致。很開興~

方式一:input相互獲取值



方式二:改變type 的值,註意哦,要用prop()

技術分享圖片

實現效果如下:

技術分享圖片

技術分享圖片

如何在登陸註冊的時候,實現密碼框的小眼睛的顯示與與隱藏?