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

HTML <input>標記 3.單選按鈕

提問人：劉團圓發(fā)布時間：2020-11-11

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


本例是創(chuàng)建單選按鈕，兩個單選框的name屬性的屬性值是必須一樣的，網(wǎng)頁打開默認男生的單選框被選中，是因為在input中設(shè)置了屬性checked，如果需要有一默認選中選項的話，可用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>

image.png

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

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