حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

انتخاب‌ها؛ radio، checkbox و fieldset

۵. فرم‌ها؛ دریافت اطلاعات از کاربر · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

انتخاب یکی یا چند مورد؟

radio برای انتخاب یک گزینه از یک گروه است. اعضای گروه name مشترک و value متفاوت دارند. checkbox برای انتخاب مستقل یا چند انتخاب مناسب است. فقط گزینه‌های انتخاب‌شده در دادهٔ ارسالی شرکت می‌کنند. برای گزینهٔ انتخاب‌نشده خودکار مقدار false فرستاده نمی‌شود.

<fieldset>
  <legend>شیوهٔ حضور</legend>
  <label><input type="radio" name="attendance" value="online" required> آنلاین</label>
  <label><input type="radio" name="attendance" value="onsite"> حضوری</label>
</fieldset>
<fieldset>
  <legend>موضوع‌های مورد علاقه</legend>
  <label><input type="checkbox" name="topics" value="html"> HTML</label>
  <label><input type="checkbox" name="topics" value="css"> CSS</label>
</fieldset>

fieldset کنترل‌های مرتبط و legend عنوان گروه را مشخص می‌کند. در اینجا input داخل label است؛ پس label به‌صورت ضمنی به آن وصل می‌شود. شیوهٔ for و id هم معتبر است.

checked انتخاب اولیه را مشخص می‌کند و بولی است. اگر checkbox یا radio مقدار value نداشته باشد معمولاً مقدار پیش‌فرض on ارسال می‌شود؛ مقدار معنادار بنویس. برای radio با یک name، در هر لحظه یک گزینه انتخاب می‌شود. required روی گروه radio انتخاب یکی از اعضا را لازم می‌کند؛ required روی یک checkbox خاص، همان گزینه را لازم می‌کند.