Web/Javascript

사용자의 입력,변경을 금지하기

qOOp 2008. 9. 11. 20:47
반응형

사용자의 입력,변경을 금지하기


<script>

onload = frunction() {                                      // 페이지 로드시 자동실행

              var frm = document.forms(0);

              frm.name.readOnly = true;          // 읽기전용으로 설정. Input, textarea

           frm.hobby.disabled = true;          // 라디오버튼, 셀렉트박스, 체크박스의 경우

}

</script>

<body>

<form>

<input type=”text” name=”name” />

<select name=”hobby”>

              <option value=”1”>hobby1</option>

              <option value=”2”>hobby2</option>

</select>

</form>

</body>

자바스크립트의 경우에는 대소문자를 구별하기 때문에 readOnly 에서 O는 반드시 대문자로 해야한다.
input 과 textarea는 readOnly로 그외에는 disabled 로 설정하면된다.