表單選項按鈕 radio buttons 基本語法
<input type="radio" name="" value="">
單一個選項按鈕的語法就像這樣，但通常不會只有一個選項，畢竟 radio buttons 是複選功能，其中 type="radio" 是必要項目，少了這個就不會是選項按鈕，name 是＂整組 radio button＂的名稱，換句話說，每一個選項的 name 都是一樣的，瀏覽器會讓網友僅能在相同 name 的一組 radio button 群組內，僅能選擇一個項目，不同的 name 就不在此限內，value 是按鈕的值。表單選項按鈕 radio buttons 範例
<form>
請選擇喜歡吃的水果<br><br>
<input type="radio" name="Fruit" value="Apple"> 蘋果<br>
<input type="radio" name="Fruit" value="Bananas"> 香蕉<br>
</form>
範例呈現結果在此範例中可以看到 name 都是 Fruit，所以這兩個選項一次僅能選擇其一，當網友選擇完成，並送出表單，後端的程式就能根據這組選項按鈕的每個不同 value 去判斷網友的選擇，原則上一組相同 name 的選項按鈕內，並未限制最多選項數目。請選擇喜歡吃的水果<br><br>
<input type="radio" name="Fruit" value="Apple"> 蘋果<br>
<input type="radio" name="Fruit" value="Bananas"> 香蕉<br>
</form>
預設選項
在某些情況下，設計師會希望網友在一打開表單，就看到選項按鈕內有一個已經被選取，要製作這樣的效果，可以使用 checked="true"參數，寫法像這樣『<input type="radio" name="" value="" checked="true">』，如此一來，被加入參數的那個選項就會呈現已經被選擇的狀態，要注意的是，一組 radio button 僅能使用一個 checked="true"。
延伸閱讀