HTML5是一種基于XML的超文本標(biāo)記語(yǔ)言，它為Web應(yīng)用程序提供了更多的元素和屬性，以及更強(qiáng)大和豐富的功能。其中之一是單選按鈕，本文將介紹如何使用HTML5設(shè)置單選按鈕。

<form>
<label for="radio1">單選按鈕1</label>
<input type="radio" name="radioGroup" id="radio1" value="option1"><br>
<label for="radio2">單選按鈕2</label>
<input type="radio" name="radioGroup" id="radio2" value="option2"><br>
<label for="radio3">單選按鈕3</label>
<input type="radio" name="radioGroup" id="radio3" value="option3"><br>
</form>

上述代碼中，使用了<input>元素來(lái)創(chuàng)建單選按鈕，并使用name屬性將按鈕分組，以便用戶(hù)只能選擇其中的一個(gè)。每個(gè)按鈕都有一個(gè)唯一的id屬性和對(duì)應(yīng)的標(biāo)簽中的for屬性，標(biāo)簽中的文本會(huì)與按鈕一起顯示。

當(dāng)用戶(hù)單擊單選按鈕時(shí)，選中的value值會(huì)被提交到服務(wù)器，作為表單數(shù)據(jù)的一部分。可以使用JavaScript來(lái)檢索選中的值，如下所示：

var radios = document.getElementsByName('radioGroup');
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
alert("您選擇了 " + radios[i].value);
}
}

上述代碼會(huì)遍歷所有單選按鈕，檢查哪個(gè)按鈕被選中，并彈出消息框顯示選中按鈕的value值。這是處理單選按鈕的一種常見(jiàn)做法。