單選按鈕radio只能從選項列表中選擇一項，選項與選項之間是互斥的。
語法：
<input type="radio" name="單選按鈕所在的組名" value="單選按鈕的取值"/>
說明：
name和value屬性是radio必要屬性，這兩個屬性必須要設置。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
性別：
<input type="radio" name="Question1" value="boy"/>男
<input type="radio" name="Question1" value="girl"/>女
</form>
</body>
</html>
在浏覽器預覽效果如下：
我們仔細看這段代碼：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
性別：
<input type="radio" name="Question1" value="boy"/>男
<input type="radio" name="Question1" value="girl"/>女
</form>
</body>
</html>
我們會發現兩個單選按鈕的name屬性值是相同的。那假如當兩個單選按鈕的name屬性值不同，會出現什麼情況呢？我們把第二個單選按鈕的name屬性值改為“Question2”，第一個單選按鈕不變。在浏覽器效果如下：
你會看到，同一個問題，你兩個選項都可以選了！這完全不符合我們預期效果。因此大家一定要記住，對於同一個問題的不同選項必須要設置一個相同的name屬性值，這樣才能把這些選項歸為同一個問題上。
我們舉一個有多個問題選擇的例子你就會很明白了，請看下面一個實例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
性別：
<input type="radio" name="Question1" value="boy"/>男
<input type="radio" name="Question1" value="girl"/>女<br/>
你是：
<input type="radio" name="Question2" value="90"/>90後
<input type="radio" name="Question2" value="00"/>00後
<input type="radio" name="Question2" value="else"/>其他
</form>
</body>
</html>
在浏覽器預覽效果如下：
疑問
1、對於單選按鈕radio，加上跟沒加上value屬性值有什麼區別？
在這裡，對於初學者，我只能說一句，關於HTML表單這一章，初學者有不少疑惑的地方。就像單選按鈕radio，其實表面上加value屬性值跟沒加是沒什麼區別的（外觀上）。之所以加value是為了方便像服務器端傳遞數據，這個是屬於後端技術的內容。所以大家請按部就班聽從站長，哪些地方該加什麼就加什麼，以便初學者養成一個良好的代碼編寫習慣。有些地方對於初學者還是沒辦法理解的，所以不進行詳細講解。
還有表單這一章，真正掌握是比較復雜的，並非像這一章那樣記憶幾個標簽就會了。更多內容敬請關注即將上線的其他教程。