본문 바로가기

퍼블리싱/HTML5

disabled와 readonly 속성의 차이

disabled 

  • fieldset에도 적용가능함
  • 일반적으로 disabled속성을 지닌 폼요소는 내용이 희미하게 표시됨. 그 텍스트는 활성화된 폼 컨트롤 값의 색상보다 연하다. 그리고 disabled 속성이 설정된 폼 컨트롤에는 포커스를 줄 수 없음. 
  • 이 속성은 모든 필드가 정확하게 채워지기 전까지 전송버튼이 비활성화돼 있게 하는데 자주 쓰임.
  • disabled 속성을 지닌 폼 컨트롤은 폼과 함께 전송되지 않음. 따라서 폼에 입력된 값은 서버쪽 폼 처리 코드에서 이용할수 없음. 
  • 편집할수는 없지만 볼 수 있고 전송도 가능한 값을 원한다면 readonly를 이용


readonly

  • disabled 속성과 유사함. disabled처럼 사용자가 해당 값을 수정할 수 없게 만듬.
  • 하지만, disabled와 달리 이 필드는 포커스를 받을 수도 있고, 해당 값이 폼과 함께 전송

- 출처 : HTML5&CSS3 실전에서는 이렇게 쓴다!


'퍼블리싱 > HTML5' 카테고리의 다른 글

accesskey 속성  (0) 2015.04.14
required 속성  (0) 2015.02.23
html5 새로운 요소들의 적절한 사용  (0) 2015.02.23
html5 규칙과 이전버전 규칙의 혼합  (0) 2015.02.23
HTML5 기본템플릿  (0) 2015.02.23