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

Checked Attribute and Default States تحديد الاختيار الافتراضي بـ checked

تعلم الحقول الاختيارية في نماذج HTML: اكتشف كيفية بناء أزرار الاختيار الأحادي Radio، ومربعات التحديد Checkbox، وشرائط التمرير Range، ومنتقي الألوان Color باحترافية.
4 صفوف تعليمية
لغة HTML
7,042 مشاهدة

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

الصف 1 شرح توضيحي
تحدد خاصية التفعيل checked أن زر الراديو أو مربع الاختيار يجب أن يكون محدداً مسبقاً عند تحميل الصفحة لأول مرة. وتجعل هذه الخاصية الحقل نشطاً بصرياً وبرمجياً بشكل تلقائي.
الصف 2 كود برمجي
HTML
<!-- Preselected default newsletter subscription -->
<form action="/newsletter" method="post">
  <input id="terms-agree" name="terms"
         type="checkbox" checked required>
  <label for="terms-agree">I accept Terms and Conditions</label>
  <button type="submit">Complete Registration</button>
</form>
الصف 3 شرح توضيحي
بالإضافة إلى حالتي التفعيل وعدم التفعيل، تدعم مربعات الاختيار حالة ثالثة تسمى الحالة غير المحددة عبر لغة جافاسكريبت، وتُستخدم عادة لتمثيل القوائم المتفرعة التي تم فيها اختيار بعض العناصر الفرعية دون اكتمال الكل.
الصف 4 ملاحظة هامة