HTML <input>標(biāo)記 3.單選按鈕

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-11

單選按鈕(radio button)是較小的圓形按鈕，它允許用戶從一個(gè)選項(xiàng)列表中選擇單個(gè)選項(xiàng)。只需使用input元素并將type特性設(shè)置為radio，就可以創(chuàng)建單選按鈕。當(dāng)用戶通過單擊單選按鈕選中其中一個(gè)選項(xiàng)時(shí)，單選按鈕的圓形圖標(biāo)中會顯示一個(gè)圓點(diǎn)。在定義選項(xiàng)時(shí)，必須保證同一組的單選框的name屬性值一樣，這樣才能在一組選項(xiàng)中做出一個(gè)選擇。

本例是創(chuàng)建單選按鈕，兩個(gè)單選框的name屬性的屬性值是必須一樣的，網(wǎng)頁打開默認(rèn)男生的單選框被選中，是因?yàn)樵趇nput中設(shè)置了屬性checked，如果需要有一默認(rèn)選中選項(xiàng)的話，可用checked設(shè)置，但只需在其中一個(gè)設(shè)置。