<label for="user-id">아이디</label>
<input type="text" id="user-id"> <!-- 사용자 인터페이스를 제공하는 컨트롤 요소 -->
브라우저에서 실제 표시된 모습
<!--
    # 매칭할 컨트롤 요소의 id 값인 "user-checking"을
    # label 태그의 for 속성의 값으로 지정했습니다.
-->
<label for="user-checking">저를 클릭하세요.</label>
<input type="checkbox" id="user-checking">
브라우저에서 실제 표시된 모습 <label>의 텍스트("저를 클릭하세요.")를 클릭하면 연결된 체크박스가 포커스됩니다.
<label>
    저를 클릭하세요.
    <input type="checkbox">
</label>
브라우저에서 실제 표시된 모습 <label>의 텍스트("저를 클릭하세요.")를 클릭하면 연결된 체크박스가 포커스됩니다.
<input type="text" title="이름" id="user-name">
<label>
    <input type="checkbox" name="privacy">
    <a href="privacy.html">개인정보처리방침</a>에 동의합니다.
</label>
<label>
    <input type="checkbox" name="privacy">
    개인정보처리방침에 동의합니다.
</label>
<p><a href="privacy.html">개인정보처리방침 보기</a></p>

caniuse.com에서 더 자세한 정보를 확인해 보세요.