Html: label (radio bottom)小技巧

<input type="radio" id="abc" /><label for="abc">這是oo</label>
<input type="radio" id="def" /><label for="def">這是xx</label>

<label><input type="radio">這是oo</label>
<label>
<input type="radio">這是xx</label>

用 label tag 能做到, 並非一定要點到圓圈的 Radio Button才能選取, 只要點到文字就可以選擇到 radio 的圈圈了~~

使用 label


沒用 label

這是oo
這是xx


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 未分類。將永久鏈結加入書籤。

Html: label (radio bottom)小技巧 有 3 則回應

  1. zhang2000 說道:

    ???中的id是必需的??
    下面?句?中?有id?性,仍然可以,能????????。

    Save user name and password in a cookie

  2. Tsung 說道:

    id 這屬性主要是要對應到 label for 的那一個~
    主要是在於可以方便使用者操作使用, 就算沒有 id, label 都還是可以正常運作的~
    主要差別, 您可以試試上面的兩個(有用 label 和沒用 label 的差別)... 🙂

發表迴響