الدرس الاول من سلسلة دروس HTML FORMS

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة

الصلاة والسلام على اشرف المرسلين وخاتم الانبياء سيدنا محمد صل الله عليه وسلم

انهرده هنتكلم عن الدرس الاول من "سلسلة دروس HTML FORMS"

الدرس عبارة عن انشاء فورم بسيط جدا يحتوى ع حقل لـ اسم المستخدم (اليوزر نيم) وحقل لـ كلمة السر (البسورد) وزر التسجيل submit

اول شئ لكى نقوم بأنشاء فورم فى لغة html يجب اولا ان نكتب الوسم الخاص بالفورم الا وهو 

<form>
............
<form/>

طبعا بين هذا الوسم توضع الاكواد الخاصه بالفورم ... لكى نقوم بأنشاء حقل لـ اسم المستخدم او كلمة السر يجب استخدام الوسم 

</     input > وهذا وسم فردى مثل </    img > الوسم الخاص بالصور 

الوسم input له عدة خصائص ومنها type وتستخدم لتحديد نوع البيانات المدخلة فى الحقل هل هى نصوص ام ارقام ..الخ 

</ "input type="text> 

النوع هنا text اى ان البيانات المدخلة سوف تكون عبارة عن نصوص فقط واذا كنا نريد ان ندخل كلمة سر (بسورد) سوف نقوم بتغير text الى password بهذا الشكل

 </ "input type="password>

 حتى تكون البيانات المدخلة عبارة عن نجوم او دوائر صغيرة سوداء حتى لايتستطيع ان يتعرف عليها احد كما هو الحال عند تسجيل دخولك فى اى موقع من المواقع تجد دائما كلمة المرور غير مرئية وسوف يتضح ذلك فى الفيديو ان شاء الله

نضع ايضا داخل وسم input خاصية name بهذا الشكل 

< / "input type="text" name="username> 

تستخدم لتسمية الجزء الذي وضعناه داخل النموذج form لتمييزه عن غيره هنا سمينا هذا الجزء بأسم username لانه خاص بـ اسم المستخدم

< / "input type="text" name="password> 

وهنا سمينا هذا الجزء بأسم password لانه خاص بـ كلمة السر ... وهكذا

نأتى للجزء الاخير وهو انشاء زر التسجيل submit

< / "input type="submit" value="submit>

بداخل وسم input عملنا type واعطينى له الخاصية submit وهى خاصية تستخدملإرسال كافة البيانات التي تم ملؤها في الفورم (النموذج) ثم وضعنا ايضا خاصية value لاعطاء اسم للزر ممكن نغير من كلمة submit الى تسجيل بالغة العربية سوف يظهر عندها الزر مكتوب عليه "تسجيل" وليس "submit" 

للتوضيح اكثر نتابع الفيديو ع اليوتيوب

فى حالة وجود استفسار او توضيح انا موجود ان شاء الله

بالتوفيق للجميع ...