HTML5復(fù)選框是一種常見的表單控件,用于允許用戶選擇一個或多個選項。下面是一種HTML5復(fù)選框的示例代碼:
<p>請選擇您喜歡的水果:</p> <input type="checkbox" id="apple" name="fruit" value="apple"> <label for="apple">蘋果</label> <br> <input type="checkbox" id="banana" name="fruit" value="banana"> <label for="banana">香蕉</label> <br> <input type="checkbox" id="kiwi" name="fruit" value="kiwi"> <label for="kiwi">奇異果</label>
代碼解釋:
1. <p>標(biāo)簽用于顯示提示文本“請選擇您喜歡的水果:”。 2. <input>標(biāo)簽用于創(chuàng)建復(fù)選框,包含三個屬性: - type="checkbox"表示這是一個復(fù)選框。 - id屬性給復(fù)選框一個唯一的標(biāo)識符,以便與標(biāo)簽關(guān)聯(lián)。 - name屬性定義組合框的名稱,用于后臺表單處理。 - value屬性定義復(fù)選框的值,在提交表單時可用于處理選中的復(fù)選框。 3. <label>標(biāo)簽用于顯示復(fù)選框選項的文本,通過for屬性與復(fù)選框關(guān)聯(lián)。 4. <br>標(biāo)簽用于創(chuàng)建換行。
代碼效果:
請選擇您喜歡的水果: