읽기 전용 입력 상자를 제어하면 사용자가 데이터를 변경하는 것을 방지할 수 있으며, 이는 경우에 따라 더 실용적입니다. 다음은 이 읽기 전용 구현을 완료하기 위해 js를 사용합니다
<html>
<head>
<title> New Document </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>
<!--
点击“read”按钮，input框不能书写，且变灰；点击“write”按钮，input框恢复。
-->위 내용은 js에서 입력 텍스트 상자를 읽기 전용으로 설정하는 내용입니다. 자세한 내용은 PHP 중국어 홈페이지의 다른 관련 글을 참고해주세요!
관련 기사:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
