العنصر fieldset
الكاتب:
سامي
-
13 يونيو, 2025
العنصر
يستعمل العنصر لتجميع عدِّة عناصر ولافتات () ضمن نموذج في مستند HTML؛ مما يجعل نماذجك أسهل استخدامًا وأوضح.
مثال عن استخدام العنصر وفيه العنصر كأوّل ابن له، والعنصرين و :
بطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي وعنصر تقسيمي وعنصر مرتبط بالنماذج. |
|---|---|
| المحتوى المسموح | عنصر |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي. |
| واجهة DOM | HTMLFieldSetElement |
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
disabled
إذا ضُبِطَت هذه الخاصية المنطقية (Boolean) فستُعطَّل جميع عناصر النموذج الأبناء لهذا العنصر ما عدا أبناء العنصر الاختياري.
العناصر المعطلة هي العناصر غير القابلة للتعديل والتي لن تستقبل أحداث مثل ضغطات الفأرة أو التركيز، وتعرضها المتصفحات عادةً بلونٍ فضي.
مثال عن استخدام الخاصية disabled لتعطيل جميع الحقول الموجودة ضمن العنصر :
form
هذه الخاصية هي قيمة الخاصية id للعنصر الذي يتعلق هذا العنصر به، القيمة الافتراضية هي قيمة الخاصية id لأقرب عنصر أب لهذا العنصر.
مثال عن استخدام الخاصية form لتحديد ما هو النموذج الذي يتبع له العنصر :
name
الاسم المرتبط بهذه المجموعة.
التنسيق الافتراضي
أغلبية المتصفحات تعرض العنصر بضبط الخاصية display إلى block، وضبط الهوامش (margin-left و margin-right) والحواشي (padding-top و padding-right و padding-bottom و padding-left) والإطار (border-width و border-style و border-color و border-image):
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
}
شارك المقالة:
1028
مشاهدة
هل أعجبك المقال
10
10