有时候需要根据具体情况将文本框设置为只读状态,下面就是一段这样的代码实例能够实现此功能。

代码如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
</head> 
<script type="text/javascript"> 
function isreadonly(){ 
  var obj=document.getElementById("username"); 
  obj.setAttribute("readOnly",true); 
  obj.style.backgroundColor="#d2d2d2"; 
} 
window.onload=function(){
  var readonly=document.getElementById("readonly");
  readonly.onclick=isreadonly;
}
</script> 
<body> 
<form name="addform" method="post" action=""> 
<input type="text" id="username" name="username"> 
<input type="button" name="只读" id="readonly" value="设置为只读"/> 
</form> 
</body> 
</html>

代码描述:JavaScript设置input文本框只读,JavaScript设置input文本框只读代码下载



5 7



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js文本框input js文本框 jsINPUT jsTEXTAREA javascript文本框input javascript文本框 javascriptINPUT javascriptTEXTAREA

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到