انتقل إلى محتوى الدرس
الدرس 37
دورة لغة HTML

حقول الأرقام داخل عنصر HTML FormHTML Form Numbers Inputs

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

THE BUILDING BLOCKS OF THE WEBHTML
index.html
1<h1>Hello, web.</h1>
وسم الفتحالمحتوىوسم الإغلاق
النتيجة في المتصفح Hello, web.
كل صفحة رائعة تبدأ بعنصر.
أقسام الدرس
2
الأمثلة
2
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
4,795
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

HTML form number input حقل إدخال الأرقام في HTML form

يُستخدم حقل number input لإدخال قيم عددية، مثل: الكميات داخل HTML form.

  • القيمة التي تُحدد حقل number input هي number لتصبح بهذا الشكل ⁦<input type="number">⁩.

الخطوة الافتراضية1، لذا تكون الكسور غير الموافقة للخطوة غير صالحة في المثال. لقبول كسور محددة استخدم step="0.1"، أو step="any" لقبول أي خطوة؛ يمكن تحديد المجال باستخدام min وmax.

HTML form number input

إنشاء حقل من نوع number input لإدخال قيم عددية في HTML form؛ المثال يستخدم الخطوة الافتراضية1.

HTML
<form>
  <label for="quantity">Quantity</label>
  <input type="number" id="quantity" name="quantity">
</form>

HTML form tel input حقل إدخال رقم الهاتف في HTML form

يُستخدم حقل tel input لإدخال أرقام هاتف داخل HTML form.

  • القيمة التي تحدد حقل tel input هي tel لتصبح بهذا الشكل ⁦<input type="tel">⁩.

tel حقل نصي للهاتف، وقد يعرض لوحة أرقام مناسبة على الهاتف؛ لا يتحقق تلقائيًا من صيغة رقم عالمي. استخدم تعليمات واضحة وpattern عند الحاجة، مع التحقق على الخادم.

HTML form tel input

عمل حقل من نوع tel input لإدخال أرقام هاتف في HTML form.

HTML
<form>
  <label for="phone">Phone Number:</label>
  <input type="tel" id="phone" name="phone">
</form>

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…