更改input的type属性

最新推荐文章于 2024-05-14 09:22:24 发布

沙漏无语

最新推荐文章于 2024-05-14 09:22:24 发布

阅读量9.8k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/estelle_belle/article/details/49755143

版权

JavaScript 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

方法一：

<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"/>');
	    } 			
	}