logo_light
logo_light
logo_light
logo_light
  • الرئيسية‎
  • المقالات‎
    • تطوير الويب‎
    • تصميم الويب‎
    • اكواد ومشاريع‎
    • مفاهيم تقنية‎
    • ذكاء اصطناعى‎
    • وردبرس‎
    • خوارزميات‎
    • لغات برمجة‎
  • مجتمع مطور‎
  • كتب‎
  • دورات‎
  • قوالب‎
  • تصاميم‎
  • إنشاء موقع‎

الحقول Forms فى HTML5

الرئيسية / دروس / الحقول Forms فى HTML5
جميع دروس دورة تعلم HTML5
  • مقدمة عن HTML5
  • نظرة عامة على HTML5
  • كيفية كتابة كود HTML5
  • الاحداث events فى HTML
  • الحقول Forms فى HTML5
  • الرسوم عن طريق SVG فى HTML5
  • الرسومات عن طريق Canvas فى HTML5
تابعنا

احصل على موقع شخصى

اليوم لا غنى عن الموقع الشخصى للمصممين والمطورين
ابدء الآن
القائمة البريدية
تصنيفات
  • مفاهيم تقنية
  • تطوير ويب
  • تصميم ويب
  • وردبرس
  • برمجة
  • خوارزميات
  • ذكاء اصطناعى
  • عمل حر
  • لغات برمجة
  • قواعد بيانات
  • هندسىة برمجيات

كما ذكرنا ف HTML5 قدمت عناصر جديد فى الحقول Forms و كذلك خصائص جديدة للحقول , مما يجعل التعامل مع الحقول اسهل من الاصدرات السابق وسنناقش فى هذا الدرس هذه الخواص والعناصر الجديدة فى Forms ولكن قبل ذلك دعونا نستعرض ما كانت HTML4 تقدمه.

عناصر الادخال HTML4

  • text : لحقل يحتوي على نص 
  • password : لحقل يتحوي على قم سرى بحيث يتم اخفاء كلمة السر عند الكتابة
  • checkbox : اختيار او اكثر من قائمة معدة
  • radio : اختيار واحد من بعض العناصر
  • submit : لارسال الفورم
  • file : لرفع ملف
  • hidden : عنصر مخفى عن المستخدم ولكن يحتوي قيمة يمكن الاستفادة منها وارسالها عن طريق طلب من النوع GET او POST
  • select : لاختيار من قائمة ولكن مع شكل مختلف عن radio
  • textarea : مكان لكتابة نص طويل مثل مكان كتابة التعليقات او المقالة
  • button : زر يمكن الاستفادة منه فى عمل اي event له علاقة بالازرار

انظر المثال

See the Pen MVvXMP by amrelarabi (@amrelarabi) on CodePen.

تابع القراءة لمعرفة العناصر الجديدة فى HTML5

لا تنسى الاشترك فى القائمة البريدية ليصلك كل جديد

1 2
عمرو العربى
8
Prev Postالاحداث events فى HTMLمارس 24, 2018
Next Postالرسوم عن طريق SVG فى HTML5مارس 24, 2018
أقوى الخصومات على إستضافة بلوهوست 🔥
logo_light
نقدم لكم كل مفيد فى البرمجة وانشاء وإدارة المواقع من مقالات ودروس وكتب وغيرها الكثير
راوبط مهمة
  • سياسة الخصوصية
  • تواصل معنا
  • شارك بمقالة
  • إنشاء موقع
التصنيفات
  • مفاهيم تقنية
  • تطوير ويب
  • تصميم ويب
  • وردبرس
  • برمجة
  • خوارزميات
  • ذكاء اصطناعى
  • عمل حر
  • لغات برمجة
  • قواعد بيانات
  • هندسىة برمجيات
اخر التعليقات
  • Ammar gamal eldeen على افضل الكتب لتعلم البرمجة باللغة العربية
  • ريم صابر محمد الحسن على اهمية الموقع الشخصى للمبرمجين او المصممين للحصول على عملاء او وظيفة ثابتة
  • إيلاف محمد أحمد الناير على اهمية الموقع الشخصى للمبرمجين او المصممين للحصول على عملاء او وظيفة ثابتة
  • إيلاف محمد أحمد الناير على اهمية الموقع الشخصى للمبرمجين او المصممين للحصول على عملاء او وظيفة ثابتة
جميع الحقوق محفوظة لمطور © 2021.