السلام عليكم ورحمة الله وبركاته
سنتعرف في هذا الدرس علي طريقة عمل اطار لمجموعه من العناصر في صفحة الويب بلغة html
تسخدم هذه الاطارات لتقسيم البيانات داخل صفحة الويب وتستخدم ايضا لتقسيم عناصر الادخال الي مجموعات وكل مجموعة يكمن اضافة لها عنوان لمعرفة نوع مجموعة الادخال وفيما يلي سنتعرف علي كود الاطار وجميع الواصفات الخاصة به.
كود انشاء اطار لمجموعة من العناصر الادخال في صفحة الويب بلغة html
نقوم بعمل مجموعة من عناصر الدخال ومن ثم نقوم بعمل الاطار عن طريق الوسم <fieldset> وهذا النوع من العناصر له وسم بداية و وسم نهاية ونقوم بعمل عنوان لكل مجموعة من العناصرعن طريق الوسم <legend> مثل (البيانات الشخصية ) .
لاحظ هذا الكود :
<fieldset><legend>البيانات الشخصية </legend><label for="">الاسم</label><input type="text" name="" id=""></fieldset>
شرح الكود السابق :
- يتم انشاء الاطار باسطة الوسم <fieldset> وله وسم نهاية <fieldset\>
- اضفنا عنوان للاطار بواسطة الوسم <legend> ونكتب بداخله اسم مجموعة العناصر مثل البيانات الشخصية
- اضفنا نوع من انواع ابيانات وهو (الاسم مثلا )
- قمنا باضافة الوسم <label> لتمرير اسم العنصر وهو الاسم
- انظر الي الصورة الظاهرة لتوضيح الكود
الصورة الظاهرة لتوضيح الكود |
في نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل .
لا تنسي القاء نظرة علي الدروس السابقة
الدروس السابقة:
تعلمنا في هذ الدرس
كود انشاء اطار لمجموعة من العناصر الادخال في صفحة الويب بلغة html
تعليقات
إرسال تعليق