HTML <label> Tag

웹페이지 개발 중

<label> tag 안에 <button> 태그를 넣었더니,

한 줄이 모두 button  으로 클릭되었다.

왜 그런지 몰라서 하루를 헤매었는데 그 이유를 찾았다

https://www.w3schools.com/tags/tag_label.asp

의 내용이다

Definition and Usage

The <label> tag defines a label for an <input> element.

The <label> element does not render as anything special for the user.
However, it provides a usability improvement for mouse users,
because if the user clicks on the text within the <label> element,
it toggles the control.

The for attribute of the <label> tag should be equal to the id attribute of
the related element to bind them together.

마우스 사용자의 사용성을 향상시키기 위해, 사용자가 label 안의 텍스트를 클릭하면,

그 label 의 컨트롤을 toggles 한다는 것이다

곧 label 전체가 클릭 영역이 된다

역시 정의를 먼저 잘 찾아봐야 한다!