728x90
반응형

Front 562

[HTML] <label> 태그 +

태그란? - 태그는 사용자 인터페이스(UI) 요소를 설명할 때 사용 - 보통 태그와 함께 쓰인다. - for 속성을 사용하여 다른 요소와 결합할 수 있다. - for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 한다. ( name도 가능! ) - 결합하고자 하는 요소 내부에 요소를위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있습니다. + 추가 : label태그의 for 라는 속성을 삽입해서 의 id값과 일치 시키면 체크 박스의 클릭 범위를 증가시킬 수 있습니다. label에 적은 문자를 눌러도 input 안에 커서가 들어간다 !!!!!! checkbox와 같이 눌러야하는 부분이 작은경우 더욱 유용하게 쓰인다. Ex) 여러분의 나이대를 골라보세요. 남자 20대

Front/HTML 2022.01.07

[HTML] <label> 태그

- 태그는 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용합니다. - 요소는 for 속성을 사용하여 다른 요소와 결합할 수 있으며, 이때 요소의 for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 합니다. ( 요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있습니다. ) - 이러한 요소는 브라우저에 의해 일반적인 텍스트로 랜더링되지만, 사용자가 마우스로 해당 텍스트를 클릭할 경우 요소와 연결된 요소를 곧바로 선택할 수 있어 사용자의 편의성을 높일 수 있습니다. - 요소를 사용할 수 있는 요소 : , , , , , ,

Front/HTML 2022.01.03
728x90
반응형