更改input的type屬性

沙漏無語發表於2015-11-10

方法一:

<input name="loginPassword" type="text" class="input" id="loginPassword" autocomplete="off" οnfοcus="this.type='password'"/>

但是type方法在IE下不認


方法二:使用jQuery 

$("#loginPassword").attr('type','password');


方法三:prototype.js

<td><div id="pwdid"><input name="loginPassword" type="text" class="input" id="loginPassword" autocomplete="off" οnfοcus="changeP()"/></div></td>

$('pwdid').replace('<input name="loginPassword" type="password" class="input" id="loginPassword" autocomplete="off"/>');

新增瀏覽器識別

function changeP(){
	var browserName=navigator.appName; 	
	if (browserName=="Netscape"){
	      document.getElementById('loginPassword').type ="password";
	    } else if(browserName=="Microsoft Internet Explorer") {
		   $('pwdid').replace('<input name="loginPassword" type="password" class="input" id="loginPassword" autocomplete="off"/>');
	    } 			
	}








相關文章