실행
새창으로 실행
리셋
닫기
Result
HTML
body 태그
<input type="text" placeholder="읽기전용" readonly> <br> <input type="text" placeholder="기본입력">
CSS
head 태그 style 태그
input:-moz-read-only { /* Firefox */ background-color: pink; } input:read-only { background-color: pink; } input:-moz-read-write { /* Firefox */ background-color: yellow; } input:read-write { background-color: yellow; }
JavaScript
body 하단 script 태그