[html]<input>, <label>을 같이 쓸 때 관계설정하기
<input>, <label>
은 같이 쓸 때 효과가 있는데 label 태그 자체로는 어떤 효과도 없다. 하지만 attribute로 for=""
를 넣어주면 이 label이 어떤 것을 위한 label인지를 명시할 수 있다.
<label for="input-id">ID: </label>
<input id="input-id" type="text" />
위 코드는 아래와 같이 화면에 보여준다.
ID:
이 부분이 label 태그이고 입력받는 폼이 input 태그이다. 그런데 마우스로 ID:
부분을 클릭하면 자동으로 ID 값을 입력받는 폼에 커서를 누른것처럼 커서가 깜빡이면서 입력을 받을 모드로 변한다. 이렇게 관계를 설정해 줄 수 있다.
Author And Source
이 문제에 관하여([html]<input>, <label>을 같이 쓸 때 관계설정하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dom_hxrdy/htmlinput-label을-같이-쓸-때-관계설정하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)