-------------------------------------------
<label for="name">이름:</label>
<input type="text" id="name" name="name">
-------------------------------------------
레이블/ID 관계을 사용하면 레이아웃 내의 위체에 관계없이 스크린 리더 프로그램이 각 폼 컨트롤에 해당하는 레이블을 올바로 읽어 준다.
폼의 레이블을 마크업하기 위한 목적으로 만든것이기에 이 태그를 활용하는 것은 의미를 부여함과 동시에 폼의 구조를 잡게되는것이다.
라디오버튼이나 체크박스의 경우 lavel내의 텍스트를 사용자가 클릭할때 컨트롤의 선택을 토글해준다. 따라서 컨트롤의 클릭할 수 있는 영역이 넓어져서 사용자가 좀더 쉽게 폼의 값을 지정할 수 있게된다.
<label for="name">이름:</label>
<input type="text" id="name" name="name">
-------------------------------------------
레이블/ID 관계을 사용하면 레이아웃 내의 위체에 관계없이 스크린 리더 프로그램이 각 폼 컨트롤에 해당하는 레이블을 올바로 읽어 준다.
폼의 레이블을 마크업하기 위한 목적으로 만든것이기에 이 태그를 활용하는 것은 의미를 부여함과 동시에 폼의 구조를 잡게되는것이다.
라디오버튼이나 체크박스의 경우 lavel내의 텍스트를 사용자가 클릭할때 컨트롤의 선택을 토글해준다. 따라서 컨트롤의 클릭할 수 있는 영역이 넓어져서 사용자가 좀더 쉽게 폼의 값을 지정할 수 있게된다.