مرجع عناصر HTML : عنصر <fieldset>

عنصر HTML <fieldset> برای گروه‌بندی چندین کنترل و همچنین برچسب‌ها (<label>) در یک فرم وب استفاده می‌شود.

امتحانش کنید

HTML

همانطور که مثال بالا نشان می‌دهد، عنصر یک گروه‌بندی برای بخشی از یک فرم HTML فراهم می‌کند، که با یک عنصر تودرتوی یک عنوان برای ایجاد می‌کند. این عنصر چند ویژگی می‌گیرد که قابل توجه‌ترین آنها form است که می‌تواند شامل شناسه یک در همان صفحه باشد و به شما امکان می‌دهد را حتی اگر درون آن تودرتو نباشد، بخشی از آن قرار دهید، و disabled که به شما امکان می‌دهد و تمام محتویات آن را به طور همزمان غیرفعال کنید.

ویژگی‌ها

این عنصر شامل ویژگی‌های سراسری است. disabled اگر این ویژگی بولی تنظیم شود، تمام کنترل‌های فرم که از مشتق شده‌اند، غیرفعال می‌شوند، به این معنی که قابل ویرایش نیستند و همراه با ارسال نمی‌شوند. آنها هیچ رویداد مرور، مانند کلیک ماوس یا رویدادهای مربوط به فوکوس، را دریافت نمی‌کنند. به طور پیش‌فرض مرورگرها چنین کنترل‌هایی را به صورت خاکستری نمایش می‌دهند. توجه داشته باشید که عناصر فرم داخل عنصر غیرفعال نمی‌شوند. form این ویژگی مقدار ویژگی id یک عنصر را که می‌خواهید بخشی از آن باشد، می‌گیرد، حتی اگر داخل فرم نباشد. لطفاً توجه داشته باشید که استفاده از این گیج‌کننده است - اگر می‌خواهید عناصر داخل با فرم مرتبط باشند، باید از ویژگی form مستقیماً روی آن عناصر استفاده کنید. می‌توانید از طریق جاوا اسکریپت و با استفاده از HTMLFormElement.elements بررسی کنید که کدام عناصر با یک فرم مرتبط هستند. name نام مرتبط با گروه. عنوان مجموعه فیلد توسط اولین عنصر که درون آن قرار دارد، تعیین می‌شود.

استایل‌دهی با CSS

چندین ملاحظه‌ی سبک‌بندی خاص برای وجود دارد. مقدار نمایش آن به طور پیش‌فرض block است و یک زمینه‌ی قالب‌بندی بلوک ایجاد می‌کند. اگر با مقدار نمایش سطح درون‌خطی سبک‌بندی شود، به صورت inline-block رفتار خواهد کرد، در غیر این صورت به صورت block رفتار خواهد کرد. به طور پیش‌فرض یک حاشیه‌ی شیار ۲ پیکسلی اطراف محتوا و مقدار کمی padding پیش‌فرض وجود دارد. این عنصر به طور پیش‌فرض دارای است. اگر وجود داشته باشد، روی حاشیه‌ی شروع بلوک قرار می‌گیرد. shrink-wraps را انجام می‌دهد و همچنین یک زمینه‌ی قالب‌بندی ایجاد می‌کند. مقدار نمایش blockified است. (به عنوان مثال، به صورت block رفتار می‌کند.) یک کادر ناشناس وجود خواهد داشت که محتویات را در خود نگه می‌دارد، که ویژگی‌های خاصی را از به ارث می‌برد. اگر با یا سبک‌بندی شود، آنگاه کادر ناشناس یک زمینه‌ی قالب‌بندی شبکه خواهد بود. اگر با یا استایل‌بندی شده باشد، کادر ناشناس یک زمینه قالب‌بندی flex خواهد بود. در غیر این صورت، یک زمینه قالب‌بندی block ایجاد می‌کند. شما می‌توانید به راحتی

مثال

این مثال شامل یک به همراه یک است که یک کنترل واحد درون آن قرار دارد.

HTML

فیلدست غیرفعال

این مثال یک غیرفعال را با دو کنترل درون آن نشان می‌دهد. توجه کنید که چگونه هر دو کنترل به دلیل قرار گرفتن درون یک غیرفعال، غیرفعال شده‌اند.

HTML

مشخصه	توضیحات
دسته بندی محتوا	Flow content, sectioning root, listed, form-associated element, palpable content.
محتوای مجاز	یک عنصر <legend> اختیاری، که به دنبال آن محتوای جریان می‌آید.
حذف برچسب	هیچکدام، هر دو تگ شروع و پایان اجباری هستند.
والدین مجاز	هر عنصری که محتوای جریان را می‌پذیرد.
نقش ضمنی ARIA	group
نقش‌های مجاز ARIA	radiogroup, presentation, none
رابط DOM	HTMLFieldSetElement