هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: أساسيات استخدام خصائص النماذج في HTML: Placeholder وValue وName
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة عن أساسيات استخدام النماذج في HTML
النماذج (Forms) في HTML هي أحد الأدوات الأساسية لجمع البيانات من المستخدمين على صفحات الويب. من المهم فهم كيفية عمل النماذج بشكل صحيح لضمان إرسال البيانات بشكل سليم إلى الخادم أو وجهة أخرى.
استخدام الخاصية "Disabled" في وسوم الإدخال
عند استخدام الخاصية "Disabled" في وسم الإدخال، فإن هذا يعني أن البيانات الموجودة في هذا الحقل لن يتم إرسالها. هذا مفيد عندما تريد عرض معلومات افتراضية دون السماح للمستخدم بتغييرها أو إرسالها.
أهمية الخاصية "Name" في وسوم الإدخال
عدم استخدام الخاصية "Name" في وسم الإدخال يعني أن البيانات الموجودة في هذا الحقل لن يتم إرسالها عبر النموذج. هذه الخاصية هي المفتاح الذي يحدد القيمة التي سيتم إرسالها إلى الخادم.
تغليف عناصر الإدخال داخل وسم النموذج (Form Tag)
لتأكد من إرسال البيانات بشكل صحيح، يجب دائمًا تغليف حقول الإدخال داخل وسم النموذج. إذا لم يتم ذلك، فلن يتعرف المتصفح على النموذج ولن يتم إرسال البيانات.
ما هي الخاصية "Placeholder" في وسم الإدخال؟
الخاصية "Placeholder" هي النص الذي يظهر داخل حقل الإدخال بشكل افتراضي، ويعمل كإرشاد للمستخدم لمعرفة الهدف من هذا الحقل. على سبيل المثال، يمكن استخدام هذه الخاصية لتوضيح أن حقل الإدخال مخصص لإدخال عنوان البريد الإلكتروني.
كيفية تعيين قيمة افتراضية في حقل الإدخال باستخدام الخاصية "Value"
الخاصية "Value" في وسم الإدخال تسمح بتعيين قيمة افتراضية تظهر للمستخدم عند تحميل الصفحة. يمكن للمستخدم تعديل هذه القيمة قبل إرسال البيانات، أو يمكن تعطيل الحقل باستخدام الخاصية "Disabled" لمنع التعديل وعدم إرسال هذه البيانات.
مثال على نموذج يحتوي على خصائص الإدخال المختلفة
<h1>Send Case Study</h1>
<form action="">
<input type="text" name="subject" value="Real state">
<input type="text" name="test-input-example" placeholder="Just an example">
<input type="text" name="email" placeholder="E-mail address">
<button type="button">Do nothing</button> <!-- نوع الزر "Button" يجعله لا يقوم بأي شيء عند الضغط عليه داخل النموذج -->
<button type="submit">Submit</button>
</form>
أهمية فهم الجانب الخدمي للتعاون مع مطوري الخلفية
بالنسبة لمطوري الواجهات الأمامية (Front-End)، فهم الجانب الخدمي (Server-Side) هو أمر مهم للتعاون مع مطوري الخلفية (Back-End Developers) والمطورين الشاملين (Full-Stack Developers) لضمان تشغيل الموقع بشكل سلس ومتكامل.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي أساسيات استخدام خصائص النماذج في HTML: Placeholder وValue وName
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة في هذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي لنماذج إرسال البيانات في صفحة الإنترنت
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
مقالات ذات صلة
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
