مشاهده تصویر بزرگتر

معرفی و کاربرد تگ fieldset در HTML

معرفی و کاربرد تگ fieldset در HTML

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی تگ <fieldset> در HTML می پردازیم.

تگ <fieldset> در HTML

معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ <fieldset> در HTML | معرفی و کاربرد تگ <fieldset> در HTML

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

تگ < fieldset> یک کادر در اطراف تگ های دیگر مرتبط ایجاد می کند .

نکته مهم:

تگ < legend> یک عنوان برای تگ <fieldset> تعریف می کند.

به مثال های زیر و خروجی کدها در مرورگر اینترنتی توجه کنید:

مثال ۱ :

<!DOCTYPE html>
<html>
<body><p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>
<figure>
<img src="https://compiler.ir/wp-content/uploads/2014/09/img.png" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure></body></html>

<!DOCTYPE html>

<html>

<body><p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>

</figure></body></html>

خروجی کد در مرورگر اینترنتی

معرفی و کاربرد تگ <fieldset> در HTML

مثال ۲ :

<form action="test.php" method="post">
<fieldset>
<legend>Title</legend>
<input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>
</fieldset>
</form>

<legend>Title</legend>

<input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>

</fieldset>

</form>

خروجی کد در مرورگر اینترنتی

بررسی تگ <fieldset> در HTML 4.01 و HTML5

تگ <fieldset> در هر دو HTML 4.01 و HTML5 پشتیبانی می شود. اما ویژگی های جدیدی به این تگ در نسخه HTML5 اضافه شده است.

خصوصیات ویژه جدید تگ <fieldset> در HTML5


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