Js怎么控制文本框只讀?
用js代碼控制input框只讀可以防止用戶對(duì)數(shù)據(jù)的更改,有些情況下很實(shí)用。
例子:
復(fù)制代碼 代碼示例:
<html>
<head>
<title>js控制input框只讀_www.jquerycn.cn</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script language="JavaScript">
function isreadonly(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",true);
obj.style.backgroundColor="#d2d2d2";
}
function readwrite(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",false);
obj.style.backgroundColor="#ffffff";
}
</script>
<body>
<form name="addform" id="addform" method="post" action="" >
<input type="text" id="username" name="username">
<input type="button" name="只讀" value="read" onclick="isreadonly();">
<input type="button" name="可寫" value="write" onclick="readwrite();">
</form>
</body>
</html>
<!--
點(diǎn)擊“read”按鈕,input框不能書寫,且變灰;點(diǎn)擊“write”按鈕,input框恢復(fù)。