انتقل إلى محتوى الدرس

HTML form checkbox input زر تحديد عدة خيارات في HTML form

سوف تتعلم في هذا الدرس كيفية عمل حقول اختيارية داخل عنصر HTML form والتي يقوم من خلالها المستخدم باختيار مجموعة خيارات أو خيار محدّد من مجموعة بيانات.

1 صفوف تعليمية
لغة HTML
6,846 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يستخدم زر checkbox input لتحديد عدّة خيارات موجودة ضمن قائمة خيارات أوسع، مثل: تحديد مجموعة دورات تدريبية courses.

  • القيمة التي تحدد زر checkbox input هي checkbox لتصبح بهذا الشكل ⁦<input type="checkbox">⁩.
  • يمكن تحديد خيار واحد أو أكثر من العناصر الموجودة ضمن خاصية checkbox.

تدخل مربعات الاختيار المحددة فقط في بيانات الإرسال. إذا غابت value تُرسل on مع اسم الحقل؛ في هذا المثال تميز أسماء html وcss وjs الاختيارات.

HTML form checkbox input

يُستخدم زر checkbox input لتحديد عدّة خيارات موجودة ضمن قائمة خيارات أوسع في HTML form.

HTML
<form>
  <input type="checkbox" id="html" name="html">
  <label for="html">I like HTML</label><br>
  <input type="checkbox" id="css" name="css" >
  <label for="css"> I like CSS</label><br>
  <input type="checkbox" id="js" name="js">
  <label for="js"> I like JavaScript</label><br><br>
</form>