HTML <input> 읽기 전용 속성
예시
읽기 전용 입력 필드가 있는 HTML 양식:
<form
action="/action_page.php">
<label for="country">Country:</label>
<input type="text"
id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
정의 및 사용
readonly
속성은 부울 속성입니다 .
존재하는 경우 입력 필드가 읽기 전용임을 지정합니다.
읽기 전용 입력 필드는 수정할 수 없습니다(그러나 사용자가 탭하여 강조 표시하고 텍스트를 복사할 수 있음).
readonly
다른 조건(예: 확인란 선택)이 충족될 때까지 사용자가 값을 변경하지 못하도록 속성을 설정할 수 있습니다 . 그런 다음 JavaScript는 읽기 전용 값을 제거하고 입력 필드를 편집 가능하게 만들 수 있습니다.
참고: 양식은 여전히 읽기 전용인 입력 필드를 제출하지만 비활성화된 입력 필드는 제출하지 않습니다!
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
통사론
<input readonly>
❮ HTML <입력> 태그