位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

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)中會(huì)顯示一個(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è)置。

代碼如下:

<!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>

image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部