LABEL 태그란?

<label> 태그란?

<input> 태그의 의미를 정의하기 위한 태그이다

<input> 태그를 <label> 태그로 연결해서 편의성, 사용성을 확대의 목적 으로 활용할 수 있다

 

"즉  <label> 태그를 클릭하면 <input> 태그가 체크 되거나 활성화 할 수 있다."

 

---

 

label for 예제코드

<tr>
    <th>성별</th>
    <td colspan="3">
        <div class="inpGroup">
            <span class="rdo">
                <input type="radio" id="rdomale" name="Gender" value="M" checked="checked">
                <label for="rdomale">남자</label>
            </span>
            <span class="rdo">
                <input type="radio" id="rdofemale" name="Gender" value="F">
                <label for="rdofemale">여자</label>
            </span>
        </div>
    </td>
</tr>

 

 

label for 사용시

<label> 태그의 속성 for 를 사용시 연결 하고 싶은 <input> 태그의 id값을 지정 해준다

label 의 for 값과 input 의 id 가 일치 하면 된다