HTML DOM 입력 검색 readOnly 속성은 입력 검색 필드가 읽기 전용인지 여부를 설정하거나 반환하는 데 사용됩니다. readOnly 속성은 요소를 편집할 수 없도록 만들지만 여전히 탭이나 클릭으로 포커스를 맞출 수 있습니다. 읽기 전용 요소 내부에 기본값이 있으면 제출 시 서버로 전송됩니다.
구문
다음은 −
의 구문입니다.readOnly 속성 설정 -
searchObject.readOnly = true|false
여기서 true는 검색 필드가 읽기 전용임을 나타내고 false는 그렇지 않은 경우를 나타냅니다. readOnly 속성은 기본적으로 false로 설정됩니다.
예시
Search readOnly 속성에 대한 예를 살펴보겠습니다. −
<!DOCTYPE html>
<html>
<body>
<h1>Search readOnly property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<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("PASS1").readOnly = true;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 버튼을 클릭하면 -
