一般我們做登入註冊的時候都會提供一個讓使用者選擇自己輸入的密碼是否顯示的需求,
這種需求我們肯定會想到只要動態改變input的type屬性不就好了(text顯示/password隱藏) :
於是我用了$(''#id).attr('type', 'password')
這個API 然而結果並不是我想的那樣,出錯了
HTML 代碼
Uncaught Error: type property can't be changed
<input id="showPwd" class="txt" type="text" value="密码" tabindex="2" /> <input id="pwd" class="txt" name="password" type="password" /> var showPwd = $("#showPwd"), pwd = $("#pwd"); showPwd.focus(function(){ pwd.show().focus(); showPwd.hide(); }); pwd.blur(function(){ if(pwd.val()=="") { showPwd.show(); pwd.hide(); } });
意思大概就是這個屬性不能被修改.
於是我就googl一手.
然而我得到的結果是這樣的
HTML 代碼
rrreeeHTML 代碼rrreee