محرر HTML + معاينة مباشرة

عدد الأحرف: 0
بدون عنوان

نشاط صفي

✏️ سؤال/نشاط للطلاب

اكتب صفحة HTML بعنوان: صفحة تسجيل حساب، تحتوي على نموذج Form لتسجيل حساب جديد. ركّز على صحة التاقات وربط label مع الحقول باستخدام id / for.

  1. أنشئ وسم الفورم باستخدام: <form action="submit.php" method="post">
  2. أضف حقل الاسم:
    • <label for="fullName">الاسم</label>
    • <input id="fullName" name="fullName" type="text" required>
  3. أضف حقل رقم الهاتف:
    • <label for="phone">رقم الهاتف</label>
    • <input id="phone" name="phone" type="tel" required>
  4. أضف قائمة منسدلة للجنس:
    • <label for="gender">الجنس</label>
    • <select id="gender" name="gender"> وتحتوي على:
      • <option value="male">ذكر</option>
      • <option value="female">أنثى</option>
  5. أضف حقل البايو (Bio):
    • <label for="bio">نبذة عنك</label>
    • <textarea id="bio" name="bio" rows="4"></textarea>
  6. أضف حقل البريد الإلكتروني:
    • <label for="email">البريد الإلكتروني</label>
    • <input id="email" name="email" type="email" required>
  7. أضف حقل كلمة المرور:
    • <label for="password">كلمة المرور</label>
    • <input id="password" name="password" type="password" required>
  8. أضف زر التسجيل: <button type="submit">تسجيل حساب</button>
  9. شرط التقييم: تأكد أن كل label مربوط بالحقل الصحيح عبر for و id.

ملاحظة: لا تهتم بالتصميم، المطلوب هو صحة التاقات والتنظيم.