checkbox ها ابزاری کارآمد در راستای جواب دادن به پرسش هایی است که پاسخی مثبت یا منفی دارند، این در حالی است که ورودی های متن آزاد بوده و چنین سادگی ندارند.
استفاده از checkbox ها در یک فُرم
چنین افکتی را اینگونه می توانیم به دست آوریم:
<p>
<input type="checkbox" name="terms" id="terms"/>
<label for="terms">I have read the terms and conditions.</label>
</p>
<p>
<input type="checkbox" name="newsletter" id="newsletter"/>
<label for="newsletter">Subscribe me to your weekly newsletter.
</label>
</p>
<p>
<input type="checkbox" name="offers" id="offers"/>
<label for="offers">I agree that you can contact me regarding
special offers in the future.</label>
</p>
Checkbox های از قبل انتخاب شده
معمولا زمانی که با checkbox ها کار می کنیم در برخی موارد می خواهیم آن ها از قبل مارک شده باشند، سپس این به عهده کاربر است که تغییرات را اعمال کند، در اینجا ما از خصوصیت checked استفاده می کنیم، مقداری که نیاز داریم تا به این خصوصیت بدهیم نیز checked است!
<p>
<input type="checkbox" name="terms" id="terms"/>
<label for="terms">I have read the terms and conditions</label>
</p>
<p>
<input type="checkbox" name="newsletter" id="newsletter"/>
<label for="newsletter">Subscribe me to your weekly newsletter.
</label>
</p>
<p>
<input type="checkbox" name="offers" id="offers"
checked="checked"/>
<label for="offers">I agree that you can contact me regarding
special offers in the future</label>
</p>