HTMLForm
تفاصيل العمل
الملف عبارة عن صفحة HTML كاملة تعرض مثال شامل على النماذج (Forms) وعناصر الإدخال المختلفة. الكود يحتوي على:
العنوان والهيكل الأساسي:
<!DOCTYPE html> يحدد إن المستند HTML5.
الوسوم <html>, <head>, <body> لتقسيم الصفحة.
عنوان الصفحة في <title>: HTML Form Example.
عنوان رئيسي <h1> يوضح أن الصفحة مثال لنموذج HTML.
فقرة <p> فيها نص توضيحي واستخدام وسوم:
<del>: لعرض نص محذوف (HTML4).
<ins>: لعرض نص مضاف (HTMLS).
<mark>: لتسليط الضوء على كلمة معينة (input).
النماذج (Forms) ومحتوياتها:
كل قسم داخل <form> منفصل ومعاه <fieldset> و <legend> لتمييز نوع البيانات.
أقسام النماذج:
User Information:
إدخالات نصية لاسم المستخدم (Username)، البريد الإلكتروني (Email)، وكلمة المرور (Password).
Contact Information:
إدخال لرقم الهاتف (Phone).
مساحة نصية <textarea> لكتابة رسالة.
Subscription:
مربع اختيار (Checkbox) للاشتراك في النشرة الإخبارية (مكرر مرتين — ممكن تحذف واحد).
Preferred Language:
قائمة منسدلة <select> لاختيار اللغة المفضلة (English، Spanish، French).
Feedback:
شريط تمرير <input type="range"> لتقييم الخدمة.
الأزرار العامة:
زر Submit لإرسال النموذج.
زر Reset لإعادة تعيين الحقول.
خط أفقي <hr> للفصل في أسفل الصفحة