HTML5單選按鈕是一種常用的表單元素,用來讓用戶從多個選項中選擇一個答案。
單選按鈕的HTML代碼使用元素來實現,type屬性為"radio"。使用name屬性來將單選按鈕組合在一起,只有共享相同名稱的單選按鈕才能被視為同一組。
<form> <p> <input type="radio" name="choice" value="option1"> <label>選項1</label> </p> <p> <input type="radio" name="choice" value="option2"> <label>選項2</label> </p> <p> <input type="radio" name="choice" value="option3"> <label>選項3</label> </p> </form>
在上面的代碼中,三個單選按鈕都共享相同的"name"屬性“choice”,表示它們是同一組單選按鈕。value屬性定義了相應選項的值,這個值將會被提交到服務器并被處理。<label>元素用于描述單選按鈕的選項內容,點擊該標簽也能選中相應的單選按鈕。
當用戶選擇其中一個選項時,只有該選項對應的單選按鈕將被選中,而其他選項對應的單選按鈕將自動取消選中狀態。
下一篇下列css語句正確的是