HTML Radio Buttons 選項按鈕

Radio Buttons 在 HTML 表單中用來讓網友一次選擇一個項目，且僅能選擇一個項目，若要可以選擇多個項目，可以使用 Checkboxes 而不是 Radio Buttons 選項按鈕，當你設定一組 Radio Buttons 的 name 都相同時，網友僅能就這組 Radio Buttons 選擇其中之一的項目。

HTML Radio Buttons 選項按鈕範例

<form>
請選擇居住區域<br>
<input type="radio" name="location" value="Taipei"> 台北<br>
<input type="radio" name="location" value="Taoyuan"> 桃園<br>
...
</form>

呈現結果如

這個範例我們設定台灣各地區的地名讓網友選擇居住區域，為了縮短篇幅，只寫了台北與桃園兩個地區。可以看到 Radio Buttons 的基本寫法是 <input type="radio"> 這個樣子，裡面包含了 name 與 value 兩個重點，我們統一設定 name="location"，代表這是一組的選項按鈕，所以網友一次僅能選擇一個地區，value 就是該選項的值，此值是用在送出表單後，讓 PHP 等程式讀取用的，網友在網頁上不會看到。

Radio Buttons 選項按鈕常常與 Checkboxes 核取方塊混搭使用，應用上的差別是 Radio Buttons 通常用單選，而 Checkboxes 則常用在可以選擇許多項目的情況，要怎麼斟酌就看當時表單設計上的需求而定。

延伸閱讀