الإعلام الآلي — HTML5: إنشاء النماذج (Forms) وعناصر الإدخال — الثانية ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

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″>.

تمارين

1. أنشئ نموذج تسجيل يحتوي على: الاسم، البريد الإلكتروني، كلمة المرور، تاريخ الميلاد.
2. أضف حقلاً لاختيار الجنس (ذكر/أنثى) باستخدام radio buttons.
3. أضف قائمة منسدلة لاختيار المستوى الدراسي (أولى، ثانية، ثالثة).

للمزيد: الهندسة الفضائية و الدوال الأسية.