HTML中的checkbox是一種可以讓用戶選擇多個(gè)選項(xiàng)的輸入框。當(dāng)用戶在頁(yè)面中點(diǎn)擊checkbox時(shí),該選項(xiàng)會(huì)被選中并在提交表單時(shí)發(fā)送給后臺(tái)處理。
在HTML中,checkbox通過<input>標(biāo)簽來(lái)創(chuàng)建。以下是一個(gè)最基本的checkbox代碼示例:
<input type="checkbox">
通過給checkbox設(shè)置name和value屬性,我們可以在表單中發(fā)送選中的值到后臺(tái)處理:
<input type="checkbox" name="fruit" value="apple">蘋果 <input type="checkbox" name="fruit" value="banana">香蕉 <input type="checkbox" name="fruit" value="orange">橙子
如果我們想要默認(rèn)選中一個(gè)或多個(gè)checkbox,可以在<input>標(biāo)簽中添加checked屬性:
<input type="checkbox" name="fruit" value="apple" checked>蘋果
我們還可以使用JavaScript來(lái)控制checkbox的選中狀態(tài),例如:
document.getElementById("myCheckbox").checked = true; //選中checkbox document.getElementById("myCheckbox").checked = false; //取消選中checkbox
除此之外,我們還可以使用CSS來(lái)美化checkbox,例如添加背景顏色、邊框樣式等。但需要注意的是,不同瀏覽器對(duì)checkbox的支持和渲染效果可能有所不同。