[펌]Label Tag 사용하기

Label은 사용자가 input box, check box, radio button 등을 좀 

더 쉽게 선택할 수 있도록 도와줍니다. 
특히 크기가 작아서 선택하기 불편한 check box, radio button의 경우는 

유용하게 사용할 수 있지요.
input box, check box, radio button에 있는 label을 클릭해 보세요. 
(input box의 경우는 자동으로 focus가 이동하고 check box, 

radio button의 경우는 자동으로 선택됩니다.) 

1.데모

이름 :

사용 Database :
Oracle MS-SQL mysql

사용 Language :
PHP JSP Perl

2.소스

<form name=f1>
<b><label for="name">이름</label> :</b><br>
<INPUT TYPE="text" NAME="NAME" ID="name"> <p>
<b>사용 Database : </b><br>
<INPUT TYPE="radio" NAME="DB" VALUE="1" ID="r1"> 

<label for="r1">Oracle</label>
<INPUT TYPE="radio" NAME="DB" VALUE="2" ID="r2"> 

<label for="r2">MS-SQL</label>
<INPUT TYPE="radio" NAME="DB" VALUE="3" ID="r3"> 

<label for="r3">mysql</label><p>
<b>사용 Language :</b><br>
<INPUT TYPE="checkbox" NAME="L" ID="c1"> 

<label for="c1">PHP</label>
<INPUT TYPE="checkbox" NAME="L" ID="c2"> 

<label for="c2">JSP</label>
<INPUT TYPE="checkbox" NAME="L" ID="c3">

 <label for="c3">Perl</label>
</form>