"HTML input readonly 속성"의 두 판 사이의 차이

2017년 6월 27일 (화) 03:57 기준 최신판

HTML <input> readonly 속성
Input readonly 속성
input text 변경불가
input text 읽기전용

1 기초 예제 (속성)[ | ]

<!DOCTYPE html>
<meta charset='utf-8'>
<form action="form_action.asp">
변경불가 <input type="text" name="country" value="대한민국" readonly="readonly" /><br>
변경가능 <input type="text" name="city" value="서울" />
</form>

예제: http://zetawiki.com/ex/html5/input_readonly.php

2 자바스크립트로 제어[ | ]

<!DOCTYPE html>
<meta charset='utf-8'>
<form name='myform' action="form_action.asp">
변경불가 <input type="text" name="country" value="대한민국" /><br>
변경가능 <input type="text" name="city" value="서울" />
</form>
<script>
myform.country.readOnly = true;
</script>

예제: http://zetawiki.com/ex/html5/input_readonly2.php

3 같이 보기[ | ]

HTML input 태그

4 참고[ | ]

http://www.w3schools.com/tags/att_input_readonly.asp

@@ 1번째 줄: / 1번째 줄: @@
-;HTML input readonly
+;HTML <input> readonly 속성
+;Input readonly 속성
+;input text 변경불가
+;input text 읽기전용
-==소스 코드==
+==기초 예제 (속성)==
 <source lang='html5'>
 <!DOCTYPE html>
@@ 10번째 줄: / 13번째 줄: @@
 </form>
 </source>
-*예제: http://jmnote.com/html5/input_readonly.php
+*예제: http://zetawiki.com/ex/html5/input_readonly.php
+==자바스크립트로 제어==
+<source lang='html5'>
+<!DOCTYPE html>
+<meta charset='utf-8'>
+<form name='myform' action="form_action.asp">
+변경불가 <input type="text" name="country" value="대한민국" /><br>
+변경가능 <input type="text" name="city" value="서울" />
+</form>
+<script>
+myform.country.readOnly = true;
+</script>
+</source>
+*예제: http://zetawiki.com/ex/html5/input_readonly2.php
+==같이 보기==
+*[[HTML input 태그]]
+==참고==
+*http://www.w3schools.com/tags/att_input_readonly.asp
 [[분류: HTML5]]