HTML中的單選按鈕(radio)可以讓用戶從多個選項中選擇一個。但有時候,我們需要將某個選項默認設置為已選中狀態。本文將介紹如何用HTML設置已選中的單選按鈕。
首先,讓我們看一下普通的單選按鈕的HTML代碼:
<input type="radio" name="gender" value="male"> Male上面的代碼創建了兩個單選按鈕,它們都有相同的name屬性,這意味著它們屬于同一個單選按鈕組,并且用戶只能選擇其中的一個。 要將其中的一個按鈕(例如Male按鈕)設置為默認選中狀態,可以使用checked屬性:
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="male" checked> Male上面的代碼將Male按鈕的checked屬性設置為了true,這將導致它在頁面加載時默認被選中。 需要注意的是,只有一個單選按鈕可以被選中,如果將另一個按鈕也設置為checked,則它們都將被選中。因此,僅將一個按鈕的checked屬性設置為true即可。 總結一下,設置已選中的單選按鈕,只需將其checked屬性設置為true即可。這是HTML中單選按鈕的一個基本用法,非常簡單易懂。
<input type="radio" name="gender" value="female"> Female