在 HTML 中,我們可以使用圖片單選按鈕來讓用戶在幾個選項中選擇一個。這種按鈕通常用于表單(form)中,這樣用戶可以選擇他們喜歡的選項并將其提交到后端服務器。
下面是一個示例代碼,展示了如何創建一個圖片單選按鈕:
<p>請選擇您喜歡的動物</p> <form> <label> <input type="radio" name="animal" value="cat"> <img src="cat.png" alt="cat"> </label> <label> <input type="radio" name="animal" value="dog"> <img src="dog.png" alt="dog"> </label> <label> <input type="radio" name="animal" value="hamster"> <img src="hamster.png" alt="hamster"> </label> </form>在上面的代碼中,我們首先使用 `
` 標簽創建了一個段落,它描述了用戶要選擇的選項。然后,我們使用 `