مقدمة عن أنواع المدخلات (Input) في HTML

تُعتبر حقول الإدخال (Input) في HTML أساسية لجمع البيانات من المستخدمين. تتوفر أنواع متعددة من المدخلات مثل البريد الإلكتروني، كلمة المرور، النص، الأرقام، مربعات الاختيار (Checkbox)، والأزرار الدائرية (Radio Buttons). يتيح لك كل نوع من المدخلات جمع نوع مختلف من البيانات من المستخدم.

استخدام خاصية "مطلوب" (Required) في حقول الإدخال

خاصية "مطلوب" (Required) هي أداة مفيدة تضمن أن المستخدم لن يغادر حقل الإدخال فارغًا. هذه الخاصية تجعل من الضروري ملء الحقل قبل أن يتمكن المستخدم من إرسال النموذج. ومع ذلك، يجب أن يكون وسم الإدخال مغلفًا داخل وسم النموذج (Form) حتى تعمل خاصية "مطلوب" بشكل صحيح. إذا لم يتم تغليف الإدخال داخل نموذج، فلن يكون هناك تأثير لاستخدام خاصية "مطلوب".

كيفية إرسال البيانات عبر النموذج إلى الخادم باستخدام خاصية "Get" في وسم النموذج

لإرسال البيانات إلى الخادم من خلال النموذج، يمكنك استخدام خاصية "Get" في وسم النموذج. عند الضغط على زر الإرسال، يتم إرسال البيانات إلى عنوان URL المحدد في خاصية "Action" داخل وسم النموذج. يتم تمرير البيانات عبر عنوان URL، مما يجعلها مرئية في شريط العنوان. هذه الطريقة مناسبة لإرسال البيانات غير الحساسة.

لماذا نحتاج إلى الخادم لاستقبال البيانات؟

HTML هي لغة بناء هيكل وتصميم صفحات الويب، ولا تمتلك القدرة على معالجة البيانات بمفردها. لهذا السبب نحتاج إلى خادم لاستقبال البيانات ومعالجتها. بعد إرسال البيانات من خلال النموذج، يقوم الخادم بمعالجة البيانات وحفظها أو الرد على المستخدم حسب الحاجة.

استخدام وسم الزر (Button) داخل النموذج

عند استخدام وسم الزر داخل النموذج، يمكنك التحكم في كيفية إرسال البيانات. على سبيل المثال، إذا استخدمت وسم الزر مع النوع "Submit"، سيتم إرسال النموذج عند الضغط عليه. ومع ذلك، إذا استخدمت النوع "Button"، فإن الزر يعمل كزر عادي ولا يقوم بإرسال النموذج أو تفعيل الحدث Submit. من المهم استخدام النوع المناسب لوسم الزر بناءً على الوظيفة التي تريد تحقيقها.

كود مثال على كيفية قراءة واختيار البيانات من المستخدمين على صفحة الويب