<form:input readonly 사용법 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

<input type="text">  를 읽기전용으로 사용하고자 할때 어떻게 하는 것이 좋을까요?

<input type="text" readonly>
<input type="text" readonly="">
<input type="text" readonly="readonly">
<input type="text" readonly="true">
<input type="text" readonly="1">
등 다양한 방법이 사용되고 있습니다


샘플보기 : https://www.happyjung.com/demo/css/readonly.html 
위와같이 테스트를 하면 모든 브라우저에서 읽기전용이 작동을 합니다.


W3C 의 html5 의 속성으로 reaonly 속성을 아래와 같이 기술하였습니다

The readonly attribute is a boolean attribute that controls whether or not the user can edit the form control
readonly 속성은 사용자가 양식 컨트롤을 편집 할 수 있는지 여부를 제어하는 ​​부울 속성입니다.

The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.
부울 속성에는 "true"및 "false"값이 허용되지 않습니다. 거짓 값을 나타내려면 속성을 모두 생략해야합니다.


boolean 속성에 근거하면 아래와 같이 readonly 를 사용법은 아래와 같이 정리할 수 있습니다

OOO 올바른 표현 OOO
<input type="text" readonly>
<input type="text" readonly="">
<input type="text" readonly="readonly">

XXX 잘못된 표현 XXX
<input type="text" readonly="true">
<input type="text" readonly="1">


참고자료
https://www.w3.org/TR/2010/WD-html5-20101019/common-input-element-attributes.html#attr-input-readonly 
https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes