在HTML中,<input>
標簽是用于創建輸入字段的元素,而其中的 type 屬性則決定了輸入字段的類型。其中包括單選按鈕,也稱為單選框。
設置一個單選按鈕需要如下代碼:
<label> <input type="radio" name="gender" value="male"> 男性 </label>
在這里,我們用<label>
標簽來給單選按鈕添加文本標簽,方便用戶選擇。其中的<input>
標簽中,type 屬性指定為 "radio",name 屬性指定為 "gender",value 屬性指定為 "male"。這個單選按鈕的 name 屬性與同一組中的其他單選按鈕相同,用于區分不同的組別。而 value 屬性則是該單選按鈕具體的值,在提交表單時,就是指定的值。
要設置多個單選按鈕,只需要將它們放在同一組中,并且保證它們的 name 屬性是相同的,如下所示:
<label> <input type="radio" name="gender" value="male"> 男性 </label> <label> <input type="radio" name="gender" value="female"> 女性 </label>
這樣,用戶將只能選擇其中的一個單選按鈕,因為它們都屬于同一組。當表單被提交時,我們可以使用服務器端代碼獲取所選的值,并做出相應的處理。