HTML <input>標(biāo)記 3.單選按鈕
單選按鈕(radio button)是較小的圓形按鈕,它允許用戶從一個選項列表中選擇單個選項。只需使用input元素并將type特性設(shè)置為radio,就可以創(chuàng)建單選按鈕。當(dāng)用戶通過單擊單選按鈕選中其中一個選項時,單選按鈕的圓形圖標(biāo)中會顯示一個圓點。在定義選項時,必須保證同一組的單選框的name屬性值一樣,這樣才能在一組選項中做出一個選擇。
本例是創(chuàng)建單選按鈕,兩個單選框的name屬性的屬性值是必須一樣的,網(wǎng)頁打開默認(rèn)男生的單選框被選中,是因為在input中設(shè)置了屬性checked,如果需要有一默認(rèn)選中選項的話,可用checked設(shè)置,但只需在其中一個設(shè)置。
代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>單選按鈕</title>
</head>
<body>
<form>
<br/><br>
性別<br/><br/>
<input type="radio"name="radio1" value-"男生"checked="checked"/>男生<br/><br/>
<input type="radio"name="radio1" value="女生"/>女生
</form>
</body>
</html>
點擊加載更多評論>>