حقل اختيار الشهر والسنة دلاليا | حقول التاريخ والوقت مع HTML Form

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

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

تتطلب بعض مسارات العمل اختيار الشهر بالكامل دون الحاجة لتحديد يوم مفرد. يتخصص عنصر <input type="month"> في جمع زوج السنة والشهر، كما في تواريخ انتهاء البطاقات الائتمانية والدورات المحاسبية.

الصف 2 كود برمجي

HTML

<!-- Credit card expiration date selector -->
<form action="/payment" method="post">
  <label for="cc-exp">Card Expiration (MM/YY):</label>
  <input id="cc-exp" name="exp_month"
         type="month" min="2026-11" max="2031-12">
  <button type="submit">Verify Card</button>
</form>

جرّب بنفسك

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

تتبع القيمة المنقولة صيغة YYYY-MM بدقة، مثل 2026-11 لشهر نوفمبر 2026. ويخفي المتصفح أعمدة الأيام في التقويم المنبثق، مقدماً شبكة مبسطة من اثني عشر شهراً لتسريع الاختيار وتفادي أخطاء الإدخال.

الصف 4 ملاحظة هامة

Month and Year Selection Input حقل اختيار الشهر والسنة دلاليا

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

جميع فقرات هذا الدرس (حقول التاريخ والوقت مع HTML Form)