在HTML代碼中,我們經常需要讓用戶進行男女選擇,以下是一段示例代碼:
<input type="radio" name="gender" value="male">男性 <input type="radio" name="gender" value="female">女性
在上面的代碼中,我們使用了input標簽來創建單選按鈕。其中,type屬性為radio表示這是一個單選按鈕,name屬性為gender表示這是一個性別選擇器,value屬性則表示選擇器的值。
在這個示例中,我們設置了兩個單選按鈕,分別對應男性和女性,并且它們的name屬性都為gender。這意味著當用戶選擇其中一個單選按鈕時,另一個單選按鈕會自動取消選擇。
在實際應用中,我們還可以為單選按鈕添加label標簽,使得用戶可以通過點擊文字來選中對應的單選按鈕。比如:
<label> <input type="radio" name="gender" value="male">男性 </label> <label> <input type="radio" name="gender" value="female">女性 </label>
在上面的代碼中,我們把input標簽放在了label標簽的內部,這意味著用戶無論點擊哪個地方(包括文字和按鈕本身),都可以選擇對應的單選按鈕。