الإعلام الآلي — تمارين تطبيقية متنوعة: إنشاء نموذج تسجيل باستخدام HTML — الثالثة متوسط — المنهاج الجزائري

تمارين: نموذج تسجيل HTML

في هذا التمرين التطبيقي، سنقوم بإنشاء نموذج تسجيل (Registration Form) باستخدام HTML. النماذج تستخدم لجمع البيانات من المستخدمين في المواقع والتطبيقات.

أنواع حقول النموذج:

<form>
  <!-- حقل نص -->
  <label>الاسم الكامل:</label>
  <input type="text" name="fullname">

  <!-- البريد الإلكتروني -->
  <label>البريد:</label>
  <input type="email" name="email">

  <!-- كلمة المرور -->
  <label>كلمة المرور:</label>
  <input type="password" name="password">

  <!-- الاختيار من متعدد -->
  <label>الجنس:</label>
  <input type="radio" name="gender" value="male"> ذكر
  <input type="radio" name="gender" value="female"> أنثى

  <!-- القائمة المنسدلة -->
  <label>المستوى الدراسي:</label>
  <select name="grade">
    <option>الأولى متوسط</option>
    <option>الثانية متوسط</option>
    <option>الثالثة متوسط</option>
    <option>الرابعة متوسط</option>
  </select>

  <!-- زر الإرسال -->
  <input type="submit" value="تسجيل">
</form>

تمارين:

1. أضف حقل تاريخ ميلاد إلى النموذج.
2. كيف تجعل حقل البريد إلزامياً؟
3. أضف مربع اختيار (checkbox) للموافقة على الشروط.

للمزيد: HTML: الجداول والنماذج وCSS