هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: استخدام أنواع إدخال الأرقام في HTML: min، max، step، autofocus، وautocomplete
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة حول إدخال الأرقام في HTML
تقدم HTML أنواع إدخال مختلفة تساعد في جمع بيانات دقيقة من المستخدمين. من بين هذه الأنواع، يُعتبر "number" نوع الإدخال الأكثر فعالية لجمع الأرقام وتطبيق القيود اللازمة على البيانات المدخلة.
1. ما هو نوع الإدخال "number"؟
نوع الإدخال "number" يتيح للمستعرض قبول الأرقام فقط في هذا الحقل. عند استخدام هذا النوع، يتأكد المتصفح من أن البيانات المدخلة هي أرقام صالحة.
مثال على إدخال رقم:
<input type="number" required>
2. خاصية "step"
تسمح خاصية "step" بتحديد الزيادة أو النقصان في الأرقام المدخلة. يمكن استخدام "step" لتحديد الزيادة أو النقصان بقيم محددة، مثل 1 أو 0.1.
مثال على استخدام خاصية "step":
<input type="number" min="10" max="100" step="2">
<input type="number" min="10" max="100" step="0.1">
3. خصائص "min" و "max"
تحدد خاصيتا "min" و "max" الحدود الدنيا والقصوى للقيم التي يمكن إدخالها في الحقل. يتيح ذلك التحكم في نطاق الأرقام المقبولة.
مثال على استخدام خاصيتَي "min" و"max":
<input type="number" min="10" max="100">
4. خاصية "autofocus"
تتيح خاصية "autofocus" للمتصفح تلقائيًا وضع التركيز على حقل الإدخال عند تحميل الصفحة. يساعد ذلك في تحسين تجربة المستخدم.
مثال على استخدام خاصية "autofocus":
<input type="number" required autofocus>
5. خاصية "autocomplete"
تعمل خاصية "autocomplete" على تقديم اقتراحات للمستخدم بناءً على البيانات المدخلة سابقًا. يمكن أن تساعد هذه الميزة في تسريع عملية الإدخال.
مثال على استخدام خاصية "autocomplete":
<input type="email" name="email" required autocomplete="on">
6. خاصية "autocapitalize"
تُستخدم خاصية "autocapitalize" لجعل الحروف الإنجليزية كبيرة بشكل تلقائي، لكنها قد تكون غير مدعومة على نطاق واسع أو قد تكون قديمة.
مثال على استخدام خاصية "autocapitalize":
<input type="text" autocapitalize="words">
خلاصة
يمكن أن تساعد أنواع إدخال الأرقام المختلفة في HTML في تحسين دقة البيانات وتسهيل إدخالها. من خلال استخدام الخصائص مثل "min"، "max"، "step"، و"autofocus"، يمكن للمطورين تحسين تجربة المستخدم وضمان دقة البيانات المدخلة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة لهذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي لنماذج إرسال البيانات في صفحة الإنترنت
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
مقالات ذات صلة
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
أساسيات لغة HTML لبناء صفحات ويب فعالة
تُعد متصفحات الويب (Web Browsers) واحدة من أهم الأدوات في عالم الإنترنت، حيث تُمكّن المستخدمين من تصفح مواقع الويب والوصول إلى المعلومات...
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
