HTML DOM 입력 텍스트 readOnly 속성은 입력 텍스트 필드가 읽기 전용인지 여부를 설정하거나 반환하는 데 사용됩니다. readOnly 속성은 요소를 편집할 수 없도록 만들지만 여전히 탭이나 클릭으로 포커스를 맞출 수 있습니다. 읽기 전용 요소 내부에 기본값이 있으면 제출 시 서버로 전송됩니다.
구문
다음은 −
의 구문입니다.readOnly 속성 설정 -
textObject.readOnly = true|false
여기에서 true는 텍스트 필드가 읽기 전용임을 나타내고 false는 그렇지 않은 경우를 나타냅니다. readOnly 속성은 기본적으로 false로 설정됩니다.
예시
입력 텍스트 readOnly 속성에 대한 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text readOnly property</h1>
USERNAME: <input type="text" id="USR" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
function changeRead() {
document.getElementById("USR").readOnly = true;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 버튼을 클릭하면 지금 텍스트를 변경할 수 없으며 제출 시 서버에 제출됩니다 −
