انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: الخصائص المتقدمة لعنصر Input مع HTML Form

Step Attribute Granularity Control خاصية Step والتحكم بدقة القفزات

استكشف الخصائص المتقدمة لحقول إدخال HTML: التحقق بالأنماط عبر pattern وإرشادات title والخيارات المتعددة وتدرج step واقتراحات datalist وخصائص تجاوز النموذج.
3 صفوف تعليمية
لغة HTML
4,237 مشاهدة

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

الصف 1 شرح توضيحي
تحدد خاصية step فترات التدرج والقفزات الرقمية والزمنية الصالحة للحقول. وافتراضياً، تفرض حقول الأرقام خطوة عدد صحيح تساوي 1. وتؤدي محاولة كتابة كسور عشرية إلى ظهور خطأ عدم تطابق الخطوة ما لم يقم المطور بتهيئة خاصية step صراحة.
الصف 2 كود برمجي
HTML 
<!-- Allow currency cents and any float -->
<label for="price">Price (USD)</label>
<input type="number" id="price" name="amount"
       step="0.01" min="0.00">
جرّب بنفسك
الصف 3 ملاحظة هامة

جميع فقرات هذا الدرس (الخصائص المتقدمة لعنصر Input مع HTML Form)