25 – الخصائص المهمة: name, value, placeholder, required النماذج (Forms) – المستوى الثاني متوسط

بواسطةahmed

📌 الخصائص المهمة لعناصر النماذج

🔹 1. الخاصية name

  • المعنى: تحدد اسم الحقل اللي هيتبعت مع البيانات إلى السيرفر.

  • بدونها السيرفر مش هيعرف يميز البيانات.

  • كل عنصر في النموذج (input, textarea, select) لازم يكون له name.

✅ مثال:

🔎 النتيجة عند الإرسال:

🔹 2. الخاصية value

  • المعنى: تحدد القيمة الافتراضية للحقل.

  • أو القيمة اللي هتتبعت للسيرفر لو الحقل مختار (في حالة checkbox, radio, option).

✅ مثال (حقل نصي بقيمة افتراضية):

🔎 النتيجة: يظهر في الحقل كلمة “القاهرة” بشكل افتراضي.

✅ مثال (checkbox):

🔎 النتيجة عند التحديد:

🔹 3. الخاصية placeholder

  • المعنى: نص إرشادي (Hint) يظهر داخل الحقل قبل الكتابة.

  • يختفي أو يتغير بمجرد ما المستخدم يكتب.

  • ما بيتبعتش للسيرفر (مجرد تلميح).

✅ مثال:

🔎 النتيجة: يظهر نص إرشادي “example@mail.com“.

🔹 4. الخاصية required

  • المعنى: تجعل الحقل إجباري.

  • لو حاول المستخدم يرسل النموذج من غير ما يكتب قيمة → يظهر تحذير من المتصفح.

✅ مثال:

🔎 النتيجة: لازم المستخدم يكتب كلمة مرور قبل الإرسال.

🔹 مثال عملي كامل

🔹 ملخص

  • name → اسم الحقل (مهم لإرسال البيانات).

  • value → القيمة الافتراضية أو القيمة المرسلة.

  • placeholder → نص إرشادي داخل الحقل (ما بيتبعتش).

  • required → يخلي الحقل إجباري قبل الإرسال.

★ ★ ★ ★ ★
التقييم: 0 من 0 تصويت

موضوعات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *