Learn HTML In Arabic 2021 - #28 - Form Part 5 - ReadOnly, Disabled, Autofocus

About this video

**ملخص النص باللغة العربية:** - **خاصية `read only`:** - تُستخدم لجعل الحقل للقراءة فقط، مما يعني أن المستخدم لا يستطيع تعديله. - مثال: في نظام إدارة المحتوى مثل "ووردبرس"، اسم المستخدم (`username`) يكون للقراءة فقط ولا يمكن تغييره. - البيانات الموجودة في الحقول ذات خاصية `read only` تُرسل بشكل عادي مع باقي البيانات عند الإرسال. - **خاصية `disabled`:** - تمنع المستخدم من التعديل على الحقل أو إرسال بياناته مع النموذج. - مثال: حقل البريد الإلكتروني قد يكون معطلاً (`disabled`) بحيث لا يمكن تعديله أو إرساله. - الفرق بين `read only` و`disabled`: الأول يسمح بإرسال البيانات بينما الثاني لا يرسلها. - **خاصية `auto focus`:** - تُستخدم لتوجيه المؤشر تلقائيًا إلى حقل معين عند فتح الصفحة. - مثال: عند فتح صفحة تسجيل الدخول، يتم التركيز تلقائيًا على حقل كلمة المرور. - **التحكم في طول النص (`min length` و`max length`):** - `min length`: يحدد أقل عدد من الأحرف المطلوبة في الحقل (مثل كلمة مرور لا تقل عن 10 أحرف). - `max length`: يحدد أكبر عدد من الأحرف المسموح بها في الحقل (مثل كلمة مرور لا تزيد عن 20 حرفًا). - هذه الخصائص تساعد في التحقق من صحة البيانات دون الحاجة إلى كتابة كود معقد. - **تنسيق الكود (`format on save`):** - أداة لتحسين تنسيق الكود تلقائيًا عند حفظه، مما يجعل القراءة أسهل ويحسن منظور الكود. - **ختام:** - الشرح يهدف إلى تبسيط استخدام هذه الخصائص لتسهيل بناء النماذج وضمان صحة البيانات. - تم التنويه بأهمية الفهم العملي لهذه الخصائص لتطبيقها بسهولة في المشاريع المستقبلية. **ختامًا:** الدرس يقدم شرحًا عمليًا لخصائص مهمة في تطوير النماذج، مع أمثلة واضحة لتسهيل الفهم والتطبيق.

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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.