HTML 양식 입력 필드에 대해 disabled =“disabled”와 readonly =“readonly”의 차이점

질문 : HTML 양식 입력 필드에 대해 disabled =“disabled”와 readonly =“readonly”의 차이점은 무엇입니까?

---

나는 이것에 대해 조금 읽었지만 다른 브라우저가 사물을 어떻게 처리하는지에 대해 확실한 것을 찾지 못하는 것 같습니다.

답변

---

readonly 요소는 편집 할 수 없지만 해당 form 제출 될 때 전송됩니다. disabled 요소는 편집 할 수 없으며 제출시 전송되지 않습니다. 또 다른 차이점은 readonly 요소는 포커스를받을 수 있고 (폼을 "탭"할 때 포커스를받을 수 있음) disabled 요소는 할 수 없다는 것입니다.

이 훌륭한 기사 또는 w3c의 정의 에서 이에 대해 자세히 읽어보십시오. 중요한 부분을 인용하려면 :

주요 차이점

Disabled 속성

• 비활성화 된 양식 요소의 값은 프로세서 메서드에 전달되지 않습니다. W3C는 이것을 성공적인 요소라고 부릅니다 (이는 체크되지 않은 체크 박스와 유사하게 작동합니다)
• 일부 브라우저는 비활성화 된 양식 요소에 대한 기본 스타일을 재정의하거나 제공 할 수 있습니다. (회색 또는 엠보싱 텍스트) Internet Explorer 5.5는 특히 이에 대해 불쾌합니다.
• 비활성화 된 양식 요소는 포커스를받지 않습니다.
• 비활성화 된 양식 요소는 탭 탐색에서 건너 뜁니다.

읽기 전용 속성

• 모든 양식 요소에 읽기 전용 속성이있는 것은 아닙니다. 가장 주목할만한 점은 <SELECT> , <OPTION> 및 <BUTTON> 요소에는 읽기 전용 속성이 없습니다 (둘 다 비활성화 된 속성이 있지만)
• 브라우저는 양식 요소가 읽기 전용이라는 기본 재정의 된 시각적 피드백을 제공하지 않습니다. (문제가 될 수 있습니다… 아래를 참조하십시오.)
• readonly 속성이 설정된 양식 요소는 양식 프로세서로 전달됩니다.
• 읽기 전용 양식 요소는 포커스를받을 수 있습니다.
• 읽기 전용 양식 요소는 탭 탐색에 포함됩니다.

출처 : https://stackoverflow.com/questions/7730695/whats-the-difference-between-disabled-disabled-and-readonly-readonly-for-ht