溫馨提示×

在html怎樣使用radio

小云
490
2023-09-05 07:00:28
欄目: 編程語言

在HTML中使用<input type="radio">標簽來創(chuàng)建單選按鈕。

示例代碼:

<form>
<input type="radio" id="option1" name="option" value="option1">
<label for="option1">Option 1</label>

<input type="radio" id="option2" name="option" value="option2">
<label for="option2">Option 2</label>

<input type="radio" id="option3" name="option" value="option3">
<label for="option3">Option 3</label>

</form>

在上面的示例中,我們創(chuàng)建了三個單選按鈕,它們的name屬性設置為相同的值,這樣它們就能夠共享一個選項組,只能選擇其中的一個選項。每個單選按鈕都有一個唯一的id屬性,for屬性的值與該單選按鈕的id屬性相同,這樣在點擊標簽時也會選中相應的單選按鈕。

你可以將上述代碼復制到一個HTML文件中,并在瀏覽器中打開這個文件,就能夠看到單選按鈕的效果了。

0