ما هو form element وماهي اشكاله وكيف اقدر استفيد منه ؟ 👨🏻💻🔥
بهذا الثريد رح نعرف كيف بننشأ صفحة تسجيل دخول✨
🌕الجزء الاول
اليوم الثامن من #100DaysOfCode
#ثريد
بهذا الثريد رح نعرف كيف بننشأ صفحة تسجيل دخول✨
🌕الجزء الاول
اليوم الثامن من #100DaysOfCode
#ثريد
Form
✅ وظيفته جمع معلومات من المستخدم مثل الاسم والرقم والبريد وغيرها .
ولهذا نستخدم في html وسم form لإنشاء نموذج .📝
✅ وظيفته جمع معلومات من المستخدم مثل الاسم والرقم والبريد وغيرها .
ولهذا نستخدم في html وسم form لإنشاء نموذج .📝
بالبداية نضع وسم بداية ونهاية لل form وبجانبه نضع name
عن طريق css او JS استطيع أميز form من name
<form name = " any text "> <\form>
عن طريق css او JS استطيع أميز form من name
<form name = " any text "> <\form>
بداخل form نضع وسم بداية ونهاية ل label وهو عبارة عن ملصق او التسمية للشيء الذي تريده
نحن نريد تسجيل اسم المستخدم
<label > username <\label>
والان نضع حقل الادخل input وليس له وسم اغلاق .
لل input انواع عديدة ، نحن نريد ادخال نص لذالك نكتب
< input type = " text ">
نحن نريد تسجيل اسم المستخدم
<label > username <\label>
والان نضع حقل الادخل input وليس له وسم اغلاق .
لل input انواع عديدة ، نحن نريد ادخال نص لذالك نكتب
< input type = " text ">
بهذا الشكل قمنا ب انشاء اسم المستخدم والان حان وقت كلمة المرور
نكرر نفس العملية السابقة 🔄
نضع <label> Password <\label>
ونضع حقل الادخال لكن النوع هنا سيكون password
<input type = " password ">
نكرر نفس العملية السابقة 🔄
نضع <label> Password <\label>
ونضع حقل الادخال لكن النوع هنا سيكون password
<input type = " password ">
لكي يحفظ كلمة المرور يجب ادخال ما يلي :
<label> Remember me <\label>
<input type= " check box ">
والان نضيف زر تسجيل الدخول وذلك عن طريق
<input type = " submit " value = " sign in ">
<label> Remember me <\label>
<input type= " check box ">
والان نضيف زر تسجيل الدخول وذلك عن طريق
<input type = " submit " value = " sign in ">
👏🏻👏🏻 والان انتهينا من نموذج تسجيل الدخول ، وبالطبع هذا الهيكل فقط ولكي نزيده جمالا نحتاج استخدام css ولنجعلها تفاعلية نحتاج استخدام لغة JavaScript
شكرا لانكم وصلتو لهنا لا تنسا اللايك ورتويت ليستفيد الاخرين 🌹
جاري تحميل الاقتراحات...