HTML 라디오 버튼 LABEL 지정

HTML 라디오 버튼 LABEL 지정

HTML 라디오 버튼 레이블 지정

1 개요

• input와 label을 연동시키지 않으면 label을 눌렀을 때 라디오 버튼이 선택되지 않는다.
• 연동시키는 방법에는 1) label 태그로 input 태그를 감싸는 방법과, 2) label 태그에 input의 ID를 지정해주는 방법이 있다.
• checked='checked' 대신 checked만 써도 되지만, 표준 문법에 맞는 것은 전자이다.

2 예시 1 - LABEL 감싸기

<label><input TYPE='radio' name='group1' value='apple' />사과</label>
<label><input TYPE='radio' name='group1' value='banana' />바나나</label>
<label><input TYPE='radio' name='group1' value='lemon' checked='checked' />레몬</label>

3 예시 2 - ID 지정

<input TYPE='radio' id='r1' name='group1' value='apple' />
<label for='r1'>사과</label>
<input TYPE='radio' id='r2' name='group1' value='banana' />
<label for='r2'>바나나</label>
<input TYPE='radio' id='r3' name='group1' value='lemon' checked='checked' />
<label for='r3'>레몬</label>

4 같이 보기

• HTML 라디오 버튼
• HTML 드랍다운 메뉴