<!-- 
    input 須搭配 for 屬性才能做到focus
    radio 和 checkbox 若用label包住就不用加 for
    否則一樣要加
 -->
<label for="cname">Click_me_Name</label>
<input id="cname" type="text"/>

<label>Sex</label>
<label>
    <input name="sex"  type="radio"/>Click_me_Male
</label>
<label>
    <input name="sex" type="radio"/>Click_me_Female
</label>

<!-- 不用加for -->
<label>Hobby</label>
<label>
    <input type="checkbox"/>Click_me_Java
</label>
<label>
    <input type="checkbox"/>Click_me_PHP
</label>

<!-- 需加for -->
<label>Food</label>
<input id="sushi" name="food" type="radio"/>
<label for="sushi">Click_me_Sushi</label>
<input id="noodle" name="food" type="radio"/>
<label for="noodle">Click_me_Noodle</label>