منصة الحاسب والتقنية — إنشاء نموذج بلغة HTML

إنشاء نموذج بلغة HTML - عملي

26/01/2025 Computer And Technology

إنشاء نموذج بلغة HTML - عملي

تعلمت في الفصل الدراسي السابق كيفية إنشاء صفحة بلغة HTML باستخدام الوسوم الأساسية

<!DOCTYPE html>

<head>

<title>منصة الحاسب والتقنية</title>

</head>

<body>

<h1>الوسوم الأساسية </h1>

<p>جميع هذه الوسوم تم تعلمها في الفصل الدراسي الأول</p>

</body>

</html>

مفهوم النموذج بلغة HTML :

النموذج ( Form ) هو مستند يحتوي على حقول لإدخال البيانات. يتضمن كل حقل في النموذج على اسم محدد يمكن المستخدم الذي يتصفح النموذج من معرفة عناصره المختلفة

كيفية عمل النموذج :

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

بنية النموذج :

يحتوي النموذج على عناصر تحكم متعددة، ويجمع كل منها معلومات مختلفة. توجد عناصر التحكم بالنماذج داخل وسم < form > ويتطلب كل وسم سمة مميزة. تستقبل السمة قيمة هي عنوان الإرتباط التشعبي ( URL )للصفحة الموجودة على الخادم التي تستقبل معلومات من النموذج عند إرسالها

سنستخدم عنوان هذا النموذج لكي يعمل النموذج بشكل صحيح

لمعاينة ملف الدرس من نوع PDF في المتصفح :

انقر هنا

لتحميل الملف للطباعة :

انقر هنا

لمشاهدة شرح انشاء النموذج عملياً عبر قناتنا على اليوتيوب :

شاهد من هنا

التعليقات (0)

لا توجد تعليقات متاحة