بدء دورة شاملة خاصة كيفية تصميم النماذج باللغة JavaScript

دورة شاملة كيفية تصميم النماذج فى JavaScript

الدرس الأول

فى هذة الدروس سوف نتعرف كيف نستخدم النماذج Forms
فى لغه HTML
مقدمة
تستخدم النماذج لأغراض محددة مثل اذا كنت تريد الحصول على بيانات او معلومات من زوار موقعك مثل الأسم والوظيفة والعمر وأى بيانات اخرى متعلقة بالزائر ثم تقوم بتخزين هذة البيانات حتى يمكنك استرجاعها فيما بعد
-
أيضا اذا كنت تريد استخدام النماذج اذا أردت معرفة رأى عملائك فى الموقع مثل تعليقات العملاء حتى يمكنك قراءتها فيما بعد للاستفادة من هذة ولذلك فأنت تريد تخزين التعليقات الخاصة بالزوار لحين مراجعتها حتى يتسنى لك تحسين موقعك
-
فى هذا الفصل سوف تعرف كيف تنشأ نماذج فى الويب بأستخدام بعض الأدوات التى توفرها لغة HTML

ماالمقصود بتكنولوجيا الجهاز الخادم
عندما تقوم بأستخدام أى نماذج فى موقعك فأنت أيضا تحتاج الى تخزين البيانات التى تم أدخالها عن طريق النماذج وتكون ثابتة بصفة دائمة او حسب رغبتك بحذفها او عدم الحذف لذلك فأن هذة البيانات يتم تخزينها على الجهاز الخادم server
والذى يقوم بعملية عرض موقعك على شبكة الأنترنت حيث لن يتم تخزين البيانات بالطبع على جهاز العملاء والا ما أمكنك الأستفادة منها
ولكى يتم تخزين البيانات على الجهاز الخادم فأننا نحتاج الى تكولوجيا الجهاز الخادم server technology
وهى عبارة عن لغة برمجة تقوم بقراءة البيانات من النموذج ثم تخزينها
وتعتبر اللغات التالية مثالا لتكنولوجيا الجهاز الخادم
CGI
ASP
PHP
JSP صفحات الخادم بلغة الجافا
ويعتبر الحديث عن اى من اللغات السابقة يحتاج الى دروس مستقلة لكل واحدا منها ويمكنك الرجوع الى مرجع متخصص فى اى من اللغات السابقة وبالطبع قد تجد بعض الموضوعات حول ذلك فى موقعنا هذا
أنشاء النماذج FORMS:
يتم انشاء النماذج عن طريق استخدام العلامة
ثم تحديد الأدوات المطلوبة لبناء هذا النموذج وسوف أقوم بتغطية العديد من الأدوات

أولا أداة النص Text box:
تسمح أداة النص Text box للمستخدم بأدخال حروف من لوحة المفاتيح Keyboard ولذلك تعتبر هذة الأداة من الأدوات الرئيسية التى تتيح للمستخدم ادخال معلومات معينة فى النوذج فمثلا قد تريد من المستخدم ادخال اسمة ولذلك نحتاج الى اداة النص Text box
لكى تسمح للمستخدم ان يدخل اسمة
يتم اظهار اداة النص Text box عن طريق استخدام العلامة Tag المعروفة باسم مع الصفة TYPE ثم تحديد القيمة Value لتكون text
أى ان استخدام اداة النص Text box يأخذ الشكل الشكل العام التالي:

مثال عملى:
نريد انشاء نموذج فى صفحة الويب يحتوى على اداة النص Text box
قم بفتح المفكرة notepad
كتابة الأوامر داخل المفكرة notepad التالية:
فى أحتمال أن تكون الأكواد غير ظاهرة يمكنك تحميلها فى أقل من دقيقة من الرابط التالى
[عذراً, فقط الأعضاء يمكنهم مشاهدة الروابط ]

هذا الدرس منقول من مواضيعي مباشرة من [عذراً, فقط الأعضاء يمكنهم مشاهدة الروابط ]

التوقيع

الأسم: سالم عزب
[عذراً, فقط الأعضاء يمكنهم مشاهدة الروابط ]
[عذراً, فقط الأعضاء يمكنهم مشاهدة الروابط ]
[عذراً, فقط الأعضاء يمكنهم مشاهدة الروابط ]