單選按鈕radio只能從選項列表中選擇一項，而復選框checkbox可以從選項列表中選擇一項或者多項。
語法：
<input type="checkbox" value="復選框取值" checked="checked"/>
說明：
checked屬性表示該選項在默認情況下已經被選中。不像單選按鈕，對於復選框，一個選項列表中可以有多個復選框被選中。
復選框checkbox不像單選按鈕radio，它不需要設置選項列表的name，因為復選框可以多選。
HTML中的復選框是沒有文本的，需要加入label標簽，並且用label標簽的for屬性指向復選框的id。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
你喜歡的水果：<br />
<input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">蘋果</label><br />
<input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br />
<input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br />
<input id="checkbox4" type="checkbox" /><label for="checkbox4">鳳梨</label>
</form>
</body>
</html>
在浏覽器預覽效果如下：
分析：
“<label for="checkbox1">蘋果</label>”表示label指向id為checkbox1的復選框，以此類推。
第一句代碼中加了checked="checked"這個屬性值，表示該選項默認情況下被選中。大家可以試著在“在線測試”中把這個屬性值去掉，看看有什麼效果。
在HTML入門教程1.0版本的時候，有些同學提出一個問題：站長呀，使用復選框checkbox有必要那麼麻煩嗎？還得配合label使用，使用下面代碼實現效果跟上面不也一樣嗎？
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
你喜歡的水果：<br />
<input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">蘋果</label><br />
<input id="checkbox2" type="checkbox" />香蕉<br />
<input id="checkbox3" type="checkbox" />西瓜<br />
<input id="checkbox4" type="checkbox" />鳳梨
</form>
</body>
</html>
上面代碼在浏覽器預覽效果如下：
這個是很經典的一個問題。實現效果雖然一樣，但是這是一個絕對不可取的方法！對於具體原因，如果在此分析，大家可能沒辦法理解。但是待我們學了JavaScript入門教程之後，我們就能恍然大悟了。
大家一定要記住：復選框是checkbox必須和label標簽配合使用的。
：單選按鈕radio和復選框checkbox根本區別在於：一個單選，一個多選。