Learn HTML In Arabic 2021 - #25 - Form Part 2 - Required, Placeholder, Value

About this video

**ملخص النص باللغة العربية:** - **الحقل المطلوب (Required):** - الحقل المطلوب يعني أنه لا يمكن تركه فارغًا عند إدخال البيانات. - إذا حاول المستخدم ترك الحقل فارغًا، سيظهر تحذير يطلب منه ملء الحقل. - في الإصدارات الحديثة من HTML، يمكن كتابة كلمة "required" فقط دون الحاجة إلى استخدام الرمز "=". - **العنصر Placeholder:** - يستخدم لعرض نص مؤقت داخل حقل الإدخال لتوجيه المستخدم حول ما يجب إدخاله. - عندما يبدأ المستخدم الكتابة، يختفي النص المؤقت تلقائيًا. - يمكن استخدامه لتوضيح نوع البيانات المطلوبة مثل اسم المستخدم أو كلمة المرور المعقدة. - **القيمة الافتراضية (Value):** - يمكن تعيين قيمة افتراضية للحقل باستخدام خاصية "value". - على سبيل المثال، عند تعديل بيانات المستخدم، يمكن عرض البريد الإلكتروني القديم كقيمة افتراضية ليقوم المستخدم بتعديله. - عند تحديث البيانات، يتم استبدال القيمة الافتراضية بالقيمة الجديدة. - **أنواع الحقول (Input Types):** - يمكن تحديد نوع الحقل مثل "text"، "email"، أو "password". - الحقل من نوع "email" يقوم تلقائيًا بالتحقق من صحة التنسيق (مثل وجود @). - إذا كان الحقل من نوع "text"، فإنه يقبل أي نص دون التحقق من تنسيقه. - **زر الإرسال (Submit):** - عند الضغط على زر الإرسال، يتم التحقق من صحة جميع الحقول. - إذا كانت هناك حقول مطلوبة أو غير صالحة، لن يتم إرسال البيانات وسيتم عرض رسالة خطأ. - **أهمية التحقق من البيانات:** - التحقق من صحة البيانات يضمن دقة المعلومات المدخلة ويمنع الأخطاء. - يمكن استخدام هذه الخصائص لتحسين تجربة المستخدم وتوجيهه أثناء عملية الإدخال. - **ختام الشرح:** - تم شرح أهم الخصائص مثل "required"، "placeholder"، و"value". - التركيز على الفرق بين أنواع الحقول وكيفية استخدامها لتحسين التفاعل مع المستخدم. **الخلاصة:** النص يقدم شرحًا مفصلًا لأهم الخصائص المستخدمة في إنشاء نماذج الويب، مع أمثلة عملية على كيفية استخدامها لضمان دقة البيانات وتحسين تجربة المستخدم.

Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.