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. ???中的id是必需的??
    下面?句?中?有id?性,仍然可以,能????????。

    Save user name and password in a cookie

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

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料