تگ checkbox در html

تگ <input type="checkbox"> یا تگ checkbox برای انتخاب چندگزینه‌ای از یک گروه گزینه استفاده می‌شود. کاربر می‌تواند هیچ‌کدام، یک یا چند گزینه را علامت بزند. این تگ معمولاً برای گزینه‌های اختیاری یا شرایط و قوانین به‌کار می‌رود.

نحوه استفاده از تگ <input type="checkbox">

در مثال زیر کاربر می‌تواند یک یا چند زبان مورد علاقه خود را انتخاب کند:

<form>
  <p>زبان‌های مورد علاقه:</p>
  <input type="checkbox" id="html" name="langs" value="html">
  <label for="html">HTML</label>

  <input type="checkbox" id="css" name="langs" value="css">
  <label for="css">CSS</label>

  <input type="checkbox" id="js" name="langs" value="js">
  <label for="js">JavaScript</label>
</form>

ویژگی‌های قابل استفاده در تگ checkbox

• name: نام گروه برای شناسایی در فرم
• value: مقدار ارسال‌شده در صورت انتخاب
• id: شناسه برای اتصال به label
• checked: به صورت پیش‌فرض انتخاب شود
• disabled: غیرفعال‌سازی گزینه

<input type="checkbox" id="rules" name="accept" value="yes" checked>
<label for="rules">شرایط را می‌پذیرم</label>

<input type="checkbox" id="ads" name="newsletter" value="yes" disabled>
<label for="ads">عضویت در خبرنامه (غیرفعال)</label>