- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Angular
- map
- js
- http
- 프론트엔드
- Java Script
- 비동기
- html
- C++
- 백준
- get
- 이터러블
- 자바스크립트
- error
- async
- es6
- deep dive
- React
- 알고리즘
- 모던 자바스크립트 deep dive
- 그림으로 배우는 http&network
- 에러처리
- JavaScript
- 네트워크
- 백준 실버
- 상태관리
- 웹
- git error
- 모던 자바스크립트
- git
Archives
목록Front-End/HTML (1)
sharingStorage
label 태그와 htmlFor
label 태그와 그 역할 태그사이에 위치한 text, checkbox, radio 등 클릭 가능 영역이 텍스트로 확장됩니다 label for 속성을 통해 다른 요소와 결합할 수 있으며, 이때 요소의 for속성값은 결합하고자 하는 요소의 id 속성값과 같아야 합니다. 이러한 요소는 브라우저에 의해 일반적인 텍스트로 렌더링 되지만 사용자가 마우스로 해당 텍스트를 클릭할 경우 과 연결된 요소를 곧 바로 선택할 수 있어서 사용자의 편의성을 높일 수 있습니다. 사용예시 label의 for 속성이 input의 id속성과 일치하므로 “분” 텍스트를 클릭해도 input에 focus가 맞춰지는 것을 볼 수 있습니다. 분/시 변환기 분: setMinute(e.target.value)} /> 사용예시 2 label 태그의..
Front-End/HTML
2023. 4. 5. 13:41