القائمة الرئيسية

الصفحات

كود انشاء اطار لمجموعة من العناصر الادخال في صفحة الويب بلغة html

كود انشاء اطار لمجموعة من العناصر في صفحة الويب بلغة html


السلام عليكم ورحمة الله وبركاته 

سنتعرف في هذا الدرس علي طريقة عمل اطار لمجموعه من العناصر في صفحة الويب بلغة html 
تسخدم هذه الاطارات لتقسيم البيانات داخل صفحة الويب وتستخدم ايضا لتقسيم عناصر الادخال الي مجموعات وكل مجموعة يكمن اضافة لها عنوان لمعرفة نوع مجموعة الادخال وفيما يلي سنتعرف علي كود الاطار وجميع الواصفات الخاصة به. 

كود انشاء اطار لمجموعة من العناصر الادخال في صفحة الويب بلغة html 


نقوم بعمل مجموعة من عناصر الدخال ومن ثم نقوم بعمل الاطار عن طريق الوسم <fieldset> وهذا النوع من العناصر له وسم بداية و وسم نهاية ونقوم بعمل عنوان لكل مجموعة من العناصرعن طريق الوسم <legend>  مثل (البيانات الشخصية ) .

لاحظ هذا الكود  : 


<fieldset>
        <legend>البيانات الشخصية </legend>

        <label for="">الاسم</label>
        <input type="text" name="" id="">

    </fieldset>

شرح الكود السابق :

  1. يتم انشاء الاطار باسطة الوسم <fieldset> وله وسم نهاية <fieldset\> 
  2.  اضفنا عنوان للاطار بواسطة الوسم <legend> ونكتب بداخله اسم مجموعة العناصر مثل البيانات الشخصية 
  3. اضفنا نوع من انواع ابيانات وهو (الاسم مثلا ) 
  4. قمنا باضافة الوسم <label> لتمرير اسم العنصر وهو الاسم 
  5. انظر الي الصورة الظاهرة لتوضيح الكود 
 الصورة الظاهرة لتوضيح الكود 



في نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل . 
لا تنسي القاء نظرة علي الدروس السابقة 

الدروس السابقة: 

تعلمنا في هذ الدرس 

كود انشاء اطار لمجموعة من العناصر الادخال في صفحة الويب بلغة html 




تعليقات

التنقل السريع