50 کامل شده تا

برچسب <fieldset> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
گروه‌بندی فیلدهای وابسته بهم در یک فرم را تعریف می‌کند
معرفی شده در نسخهٔ:۴٫۰۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

گروه‌بندی عناصر مرتبط در یک فرم:

<form action="/action_page.php">
  <fieldset>
    <legend>Personalia:</legend>
    <label for="fname">First name:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">Last name:</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">Birthday:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="Submit">
  </fieldset>
</form>


تعریف و کاربرد

از برچسب <fieldset> برای گروه‌بندی عنصرهای مرتبط در یک فرم استفاده می‌شود.[۱]

برچسب <fieldset> یک جعبه به دور عنصرهای مرتبط ترسیم می‌کند.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<fieldset> بله بله بله بله بله

نکات و ملاحظات

نکته: برچسب <legend> یک عنوان برای عنصر <fieldset> تعریف می‌کند.

ویژگی‌ها

ویژگی مقدار شرح
disabled disabled مشخص می‌کند که گروهی از عنصرهای مرتبط در فرم باید غیرفعال شوند
form form_id مشخص می‌کند که fieldset مربوط به کدام فرم است
name text یک نام برای fieldset مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <fieldset> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <fieldset> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Fieldset (Fieldset Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <fieldset> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

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: 2px groove (internal value);
}


منابع آموزشی