HTML 참조 설명서

HTML 태그 전체 목록

HTML: <input> readonly 속성

input readonly 속성은 불리언 속성으로, 존재하면 입력 필드가 읽을 수 없음을 지정합니다. 값이 다른 조건을 만족할 때까지 사용자가 값을 변경할 수 없도록 설정합니다.

온라인 예제

읽을 수 없는 입력 필드가 포함된 HTML 양식:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> readonly 속성　-　기본 지침 웹(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　이메일: <input type="text" name="email"><br>
　　국가: <input type="text" name="country" value="노르웨이" readonly><br>
　　<input type="submit" value="Submit">
</form>
</html>

테스트 보기 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 readonly 속성을 지원합니다。

정의와 사용법

readonly 속성은 보일리언 속성입니다。

존재할 경우 입력 필드를 읽기 전용으로 지정합니다.

읽기 전용 입력 필드는 수정할 수 없습니다(하지만, 사용자는 키보드로 이동할 수 있고, 강조하고 텍스트를 복사할 수 있습니다).

readonly 속성을 설정하여 사용자가 값을 변경할 수 없도록 하고, 다른 조건(예: 체크박스 선택 등)이 충족되면 JavaScript가 읽기 전용 값을 제거하고 입력 필드를 편집 가능하게 할 수 있습니다.

주의:폼은 읽기 전용 입력 필드를 제출하지만, 비활성화된 입력 필드는 제출하지 않습니다!

HTML 4.01 HTML과5차이

없음。

HTML과 XHTML의 차이

XHTML에서는 속성 줄임 금지, readonly 속성은 <input readonly="readonly">로 정의해야 합니다 />。

문법

<input readonly>

　HTML <input> 태그

HTML: <template> 태그