معرفی و کاربرد تگ fieldset در HTML
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی تگ <fieldset> در HTML می پردازیم.
تگ <fieldset> در HTML
معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ fieldset در HTML | معرفی و کاربرد تگ <fieldset> در HTML | معرفی و کاربرد تگ <fieldset> در HTML
تگ <fieldset> برای دسته بندی چندین کنترل و تگ (<label >) در یک فرم وب و تگ های مرتبط در یک فرم استفاده می شود.
تگ < fieldset> یک کادر در اطراف تگ های دیگر مرتبط ایجاد می کند .
نکته مهم:
تگ < legend> یک عنوان برای تگ <fieldset> تعریف می کند.
به مثال های زیر و خروجی کدها در مرورگر اینترنتی توجه کنید:
مثال ۱ :
1 2 3 4 5 6 7 | <!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="http://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> |
خروجی کد در مرورگر اینترنتی
معرفی و کاربرد تگ <fieldset> در HTML
مثال ۲ :
1 2 3 4 5 6 | <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> |
خروجی کد در مرورگر اینترنتی
بررسی تگ <fieldset> در HTML 4.01 و HTML5
تگ <fieldset> در هر دو HTML 4.01 و HTML5 پشتیبانی می شود. اما ویژگی های جدیدی به این تگ در نسخه HTML5 اضافه شده است.
خصوصیات ویژه جدید تگ <fieldset> در HTML5
ویژگی های خصوصی تگ fieldset | مقدار | کاربرد در سند HTML |
disabled | disabled | یک گروه از تگ های مرتبط با فرم که باید غیر فعال شوند را مشخص می کند. |
form | form_id | فرم یا فرم های بیشتری متعلق به fieldset مشخص میکند. |
name | text | برای تگ fieldset یک نام تعیین می کند. |
ویژگی های عمومی تگ <fieldset> در HTML
تگ <fieldset> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <fieldset> در HTML
تگ <fieldset> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
ثبت ديدگاه