在 HTML5 中,復(fù)選框可以通過(guò)以下代碼來(lái)創(chuàng)建:
<input type="checkbox" name="checkboxName" id="checkboxID" value="checkboxValue"> <label for="checkboxID">復(fù)選框文本</label>
其中,<input>
標(biāo)簽用于創(chuàng)建復(fù)選框,參數(shù)type="checkbox"
表示該輸入框?yàn)閺?fù)選框,name
是該復(fù)選框的名字,可以用來(lái)在表單提交時(shí)區(qū)分不同的復(fù)選框;id
是該復(fù)選框的唯一標(biāo)識(shí)符,可以在<label>
標(biāo)簽中用到;value
是該復(fù)選框的值,通常用于表單提交時(shí)獲取所選中的復(fù)選框的值。
而<label>
標(biāo)簽則用于關(guān)聯(lián)復(fù)選框和其相應(yīng)的文本描述,其中的for
屬性與該復(fù)選框的id
屬性相對(duì)應(yīng)。當(dāng)用戶(hù)點(diǎn)擊文本描述時(shí),頁(yè)面會(huì)自動(dòng)選中對(duì)應(yīng)的復(fù)選框。
示例代碼:
<input type="checkbox" name="fruit" id="apple" value="apple"> <label for="apple">蘋(píng)果</label>
<input type="checkbox" name="fruit" id="banana" value="banana"> <label for="banana">香蕉</label>
<input type="checkbox" name="fruit" id="orange" value="orange"> <label for="orange">橘子</label>
以上代碼會(huì)生成三個(gè)復(fù)選框,“蘋(píng)果”、“香蕉”和“橘子”,它們的唯一標(biāo)識(shí)符分別為 “apple”、“banana” 和 “orange”,所有復(fù)選框的 名字(name)均為“fruit”。