下面給出這個例子的源代碼，結合代碼來講各參數的設置:
<form name="form1" >
你是否喜歡旅游？請選擇：<br>
<input type="radio" name="radiobutton" value="radiobutton" checked> 喜歡
<input type="radio" name="radiobutton" value="radiobutton"> 不喜歡
<input type="radio" name="radiobutton" value="radiobutton"> 無所謂<br>
<br>
您對那些運動感興趣，請選擇：<br>
<input type="checkbox" name="checkbox1" value="checkbox"> 跑步
<input type="checkbox" name="checkbox2" value="checkbox"> 打球
<input type="checkbox" name="checkbox3" value="checkbox"> 登山
<input type="checkbox" name="checkbox4" value="checkbox"> 健美<br>
</form>
從上面的源代碼中可看出，制作單選框只要把<input>標記的type參數設置為type="radio"就行了;而制作復選框則只要把<input>標記的type參數設置為type="checkbox"就行了。至於實際應用中用那種選擇框，要根據實際需要而定。若只需用戶有一種選擇的，就用單選框，如本例中“你是否喜歡旅游?”這個問題，用戶只能是一種選擇，所以采用了單選框;若允許用戶有多項選擇的內容，則采用復選框，如本例中的“你對那些運動感興趣?”這個問題，因一個人的興趣可能是多方面的，所以采用了復選框。
在<input>標記中設定checked參數，則該選框就被默認選中。如本例的第一個單選框(“喜歡”下面那個單選框)就設置為默認選中，這樣用戶若是想選擇“喜歡”的話，就可以不用再選了，當然，若用戶要選擇了“不喜歡”，則只要點擊“不喜歡”下的那單選框，而默認值被自動取消。用同樣的方法也可以設置某個復選框為默認被選中。但是復選框的默認選中不可濫用，否則會引起用戶的反感。