HTML5表單通過單選框提供了一種很棒的方式來收集用戶的輸入數據。下面是一個示例代碼:
<form> <p> <label> <input type="radio" name="gender" value="male"> Male </label> </p> <p> <label> <input type="radio" name="gender" value="female"> Female </label> </p> </form>
在這里,我們創建了一個表單,其中包含兩個單選框。每個單選框都有一個名稱“gender”,以確保它們可以一起使用。此外,我們使用value屬性為每個單選框分配了一個值,以便在提交表單時可以將其與其他表單元素一起發送。
請注意,我們使用label元素來為每個單選框提供一個標簽。這不僅可以使表單更具語義,還可以增加可訪問性,以確保所有用戶都可以使用表單。
此外,我們應該考慮為單選框提供一個默認選項。在這種情況下,我們可以將一個單選框的checked屬性設置為true,以確保在頁面加載時默認選中某個選項:
<p> <label> <input type="radio" name="gender" value="male" checked> Male </label> </p>
現在,男性單選框在頁面加載時將默認選中,除非用戶修改了選擇。