티스토리 뷰
모든 html에서 사용할 수 있는 전역속성이며, 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성이다. 브라우저는 hidden 속성을 설정한 요소를 렌더링하지 않는다.
임의의 요소에 hidden을 추가하면, 그 요소는 시각적 방식 외에도 스크린 리더 등 다른 모든 표시 방식에서 숨겨진다.
숨겨진 요소의 자손 요소는 여전히 활성 상태이므로, <script> 요소를 실행할 수 있고 양식 요소도 제출할 수 있다. 그러나 스크립트와 요소는 다른 맥락에서 숨겨진 요소를 참조할 수 있다.
예를 들어, hidden 특성을 적용한 구획으로 링크하는 href 특성은 유효하지 않다. 콘텐츠가 사용할 수 없거나 더는 관련이 없으면 연결할 이유도 없기 때문이다.
input checkbox에 hidden속성을 주고 label를 이용해 check활성화 토글을 만들 수 있다.
참고 : MDN hidden
728x90
'공부 노트' 카테고리의 다른 글
[React] 부모 컴포넌트에서 자식 컴포넌트 state 조작하기, useImperativeHandle (0) | 2022.10.05 |
---|---|
[Git] git config 명령어 (0) | 2022.09.27 |
[Vite] Vite (0) | 2022.09.16 |
foundation 백엔드 세션 0. (0) | 2022.09.16 |
[JS] switch문 (0) | 2022.08.19 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- vscode
- html
- 비주얼스튜디오코드
- scss
- javascript
- vue
- js
- TS
- 제이쿼리
- CSS
- React
- 구름에듀
- 제로초
- Python
- 회고
- map
- 저스트코드
- 김버그
- 타입스크립트
- Typescript
- git
- 코딩앙마
- 드림코딩
- Til
- 자바스크립트
- 코드잇
- 깃
- 파이썬
- 리액트
- 스파르타코딩클럽
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함