[HTML] hidden 속성

모든 html에서 사용할 수 있는 전역속성이며, 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성이다. 브라우저는 hidden 속성을 설정한 요소를 렌더링하지 않는다.

 

임의의 요소에 hidden을 추가하면, 그 요소는 시각적 방식 외에도 스크린 리더 등 다른 모든 표시 방식에서 숨겨진다.

 

숨겨진 요소의 자손 요소는 여전히 활성 상태이므로, <script> 요소를 실행할 수 있고 양식 요소도 제출할 수 있다. 그러나 스크립트와 요소는 다른 맥락에서 숨겨진 요소를 참조할 수 있다.

예를 들어, hidden 특성을 적용한 구획으로 링크하는 href 특성은 유효하지 않다. 콘텐츠가 사용할 수 없거나 더는 관련이 없으면 연결할 이유도 없기 때문이다.

 

input checkbox에 hidden속성을 주고 label를 이용해 check활성화 토글을 만들 수 있다.

 

참고 : MDN hidden