مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
HTML5: إنشاء النماذج (Forms) وعناصر الإدخال
النماذج (Forms) في HTML تستخدم لجمع البيانات من المستخدمين. عناصر الإدخال تشمل: نص، أرقام، بريد إلكتروني، كلمة مرور، اختيارات، أزرار، وغيرها. الوسم الأساسي <form> مع الخاصية action لتحديد وجهة البيانات.
عناصر الإدخال الأساسية
<input type=”text”>: إدخال نص. <input type=”email”>: البريد الإلكتروني مع التحقق. <input type=”password”>: كلمة المرور. <textarea>: نص متعدد الأسطر. <select>: قائمة منسدلة. <input type=”radio”>: اختيار واحد. <input type=”checkbox”>: اختيار متعدد. <input type=”submit”>: زر الإرسال.
التحقق من صحة الإدخال (Validation)
HTML5 يوفر تحققاً مدمجاً: required (حقل إجباري)، min و max (لأرقام)، pattern (تعبير نمطي)، maxlength (أقصى طول). مثال: <input type=”text” required minlength=”3″>.
تمارين
- أنشئ نموذج تسجيل يحتوي على: الاسم، البريد الإلكتروني، كلمة المرور، تاريخ الميلاد.
- أضف حقلاً لاختيار الجنس (ذكر/أنثى) باستخدام radio buttons.
- أضف قائمة منسدلة لاختيار المستوى الدراسي (أولى، ثانية، ثالثة).
للمزيد: الهندسة الفضائية و الدوال الأسية.