HTML form(입력 양식) label(이름)

label 이란?

 

문자가 더 명확하게 무언가의 이름표다 라는 것을 표현할 수 있게 한다.

label화 시킨다면 적용된 문자에 마우스 커서를 갖다대면 명확히 표현하는 반응을 볼 수 있다.

 

 

• for : 폼 컨트롤의 id속성과 같은 값을 지정하여 서로 동기화되도록 한다.

• 컨트롤에 라벨을 부여하는 방법
  • label의 for속성에 컨트롤의 id속성과 같은 값을 지정하여 라벨과 컨트롤을 동기화한다.
  • label 요소의 범위에 텍스트와 컨트롤을 포함시킨다.

 

 

응용하기 실습

 

 

전에 실습 했던 폼에 label을 추가하여 구체화시켰다.

 

 

 

문자 아이디가 label화되어 아이디 문자를 마우스 커서를 갖다 되면 설정한 아이디 창이 반응하여 깜빡거리는 것을 알 수 있다. 비밀번호, 주소도 마찬가지로 반응한다.