HTML - label 태그

yeong ·2022년 11월 10일

label 태그 : 입력태그에 입력촛점(InputFocus)을 제공하기 위한 태그

<h3>label 태그 사용</h3>
	<p><label>이름 : <input type="text" name="name"></label></p>
	<p>취미 :
		<!-- for 속성 : 입력태그의 식별자(id 속성값)을 속성값으로 설정 -->
		<!-- => label 태그를 클릭할 경우 입력촛점을 제공할 입력태그를 설정 -->
		<input type="checkbox" name="hobby" id="hobby1" value="낚시"><label for="hobby1">낚시</label>&nbsp;&nbsp;
		<input type="checkbox" name="hobby" id="hobby2" value="등산"><label for="hobby2">등산</label>&nbsp;&nbsp;
		<input type="checkbox" name="hobby" id="hobby3" value="독서"><label for="hobby3">독서</label>&nbsp;&nbsp;
		<input type="checkbox" name="hobby" id="hobby4" value="게임"><label for="hobby4">게임</label>&nbsp;&nbsp;
	</p>

낚시를 클릭하거나 이름을 클릭하면 입력 촛점 제공 checkbox타입인 경우에는 체크가 된다.

0개의 댓글