Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

مدخلات النصوص

جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 36 من 60.

في HTML، تُستخدم مدخلات النص لإنشاء حقول النماذج حيث يمكن للمستخدمين إدخال النص. هناك أنواع مختلفة من مدخلات النص، كل منها مصمم لأنواع مختلفة من البيانات النصية. النوع الأكثر شيوعاً هو مدخل النص المكون من سطر واحد، والذي يتم إنشاؤه باستخدام وسم <input> مع تعيين سمة type على "text".

إليك الصيغة الأساسية لإنشاء حقل إدخال نصي في HTML:

<input type="text" name="fieldname">
  • <input>: الوسم الذي يحدد حقل الإدخال.
  • type="text": سمة تحدد نوع الإدخال كنص.
  • name: سمة تعطي حقل الإدخال اسماً، والذي يُستخدم لتحديد البيانات عند إرسال النموذج.

ملاحظة: input هو وسم خاص، لا يتطلب وسم إغلاق!

challenge icon

التحدي

سهل

أنشئ مستند HTML يتضمن نموذجاً يحتوي على حقول إدخال النص التالية:

  1. حقل إدخال نص بالاسم “firstname”.
  2. حقل إدخال نص بالاسم “lastname”.

ورقة مرجعية

يتم إنشاء مدخلات النص باستخدام الوسم <input> مع type="text":

<input type="text" name="fieldname">
  • type="text": يحدد نوع الإدخال كنص
  • name: يحدد البيانات عند إرسال النموذج

ملاحظة: <input> هو وسم مغلق ذاتياً ولا يتطلب وسم إغلاق.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Fundamentals