HTML/CSS INPUT readOnly 효과

HTML/CSS INPUT readOnly 효과

<input type="text" name="testInput" id="testInput" />

위의 필드를 읽기전용으로 처리하는 방법

▶ javascript

document.getElementById('testInput').readOnly = true;

▶ jQuery

$('#testInput').attr("readonly", true);

▶ css

#testInput { pointer-events:none; }

실제 readonly 가 아닌 readonly 의 효과를 주는 것입니다.