تگ fieldset در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 11 آذر 1399

با تگ fieldset در HTML آشنا شوید.

نکات اصلی HTML fieldset :

<fieldset> در HTML عناصر درون یک عنصر <form> را گروه بندی می کند.
عنصر <legend> عنوانی را برای عنصر <fieldset> اضافه می کند. شما باید آن را درون عنصر <HTML <fieldset قرار دهید.

استفاده از تگ fieldset در HTML

تگ fieldset عناصر<form> را گروه بندی می کند. به طور معمول ، یک حاشیه جعبه در اطراف آنها کشیده شده است.

<form action="login" method="POST">
  <fieldset>
    <legend>Login Form:</legend>
    Username: <input type="text" name="user_name">
    Password: <input type="password" name="user_password">
    <input type="submit" value="Login">
  </fieldset>
</form>

توجه: حاشیه جعبه فضای کمی برای زیرنویس ها فراهم می کند و ظاهر بصری بهتری برای عناصر گروه بندی شده ایجاد می کند.

ویژگی های fieldset

disabled

ویژگی غیرفعال تمام عناصر داخل عنصر <fieldset> را خاموش می کند

<form action="login" method="POST">
  <fieldset disabled>
    <legend>Login Form:</legend>
    Username: <input type="text" name="user_name">
    Password: <input type="password" name="user_password">
    <input type="submit" value="Login">
  </fieldset>
</form>

form

ویژگی فرم مقادیر ویژگی های ID یک عنصر <form> را دریافت می کند ، که بخشی از <fieldset> در HTML خواهد بود.

<form action="login" method="POST" id="user_form">
  <fieldset>
    <legend>Login Form:</legend>
    Username: <input type="text" name="user_name">
    Password: <input type="password" name="user_password">
    <input type="submit" value="Login">
  </fieldset>
</form>

<fieldset form="user_form">
  <legend>Other Details:</legend>
  Email ID: <input type="text" name="user_email">
  Phone Number: <input type="text" name="user_number">
</fieldset>

name در تگ fieldset

این نام را برای عناصر گروه بندی شده تعریف می کند.

<form action="login" method="POST" id="user_form">
  <fieldset name="login_form">
    <legend>Login Form:</legend>
    Username: <input type="text" name="user_name">
    Password: <input type="password" name="user_password">
    <input type="submit" value="Login">
  </fieldset>
</form>

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊