معرفی و کاربرد تگ tfoot در HTML محتوا پایان جدول

معرفی و کاربرد تگ tfoot در HTML محتوای پایانی جدول

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

تگ <tfoot> در HTML

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

تگ <tfoot> برای گروه محتوای پایانی یک جدول HTML استفاده می شود.

تگ <tfoot> همراه با تگ thead ( عناوین ستونها (header)) و تگ tbody (بدنه اصلی(body))برای مشخص کردن هر قسمت از جدول استفاده می شوند.

مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.

طریقه قرار گیری تگ <tfoot> :

تگ <tfoot> داخل تگ table قرار می گیرد پس از تگ caption و تگ colgroup و عنصر <thead> و قبل از عناصر <tbody> و <tr> می آید.

تگ <tfoot> باید حداقل یک تگ tr درون خود داشته باشد.

عناصر <thead> ،<tbody> و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند.

با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.

مثال در مورد تگ <tfoot> در اچ تی ام ال

[html]<textarea rows=”4″ cols=”50″>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>[/html]

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

Month	Savings
January	$100

At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.

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

هیچکدام از خصوصیت های ویژه تگ <tfoot> در HTML5 پشتیبانی نمی شود.

خصوصیات ویژه تگ <tfoot> در اچ تی ام ال

خصوصیت	مقدار	توضیحات
autofocus	autofocus	این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
cols	number	پهنا را برای text area مشخص می کند.
disabled	disabled	مشخص می کند که text area باید به صورت غیر فعال باشد.
form	form_id	این خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
maxlength	number	تعداد maximum کاراکتری که عنصر text area در خود جای می دهد.
name	text	یک name برای text area مشخص می کند.
placeholder	text	یک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
readonly	readonly	مشخص می کند که text area فقط خواندنی است.
required	required	مشخص می کند که پر کردن text area قبل از ارسال فرم باید انجام شود.
rows	number	تعداد سطرهای قابل مشاهده در text area را مشخص می کند.
wrap	hard soft	Specifies how the text in a text area is to be wrapped when submitinted a form