لطفا بفرمایید کاربرد تگ های Fieldset و legend در Html چی هست و با استفاده از این تگ ها چه کاری میشه انجام داد ؟
این دو تگ معمولا با هم استفاده میشن. وقتی شما میخوای یک فرم رو گروه بندی کنید و نمایش بهتری از گروه ها داشته باشید می تونید از این تگ ها استفاده کنید.
با استفاده از این تگ می تونید گروه های مختلفی داخل یک فرم ایجاد کنید. مثلا فرض کنید فرمی دارید که قراره اطلاعات شخصی، اطلاعات تحصیلی و اطلاعات مالی شخص رو دریافت کنید. برای اینکه input های مربوط به هر یک از این گروه ها جداگانه و مرتب نمایش داده بشن میتونید توسط تگ Fieldset گروه بندی انجام بدید.
از این تگ هم به عنوان Title یا عنوان هر گروه استفاده میشه. برای درک بهتر این تگ ها یک مثال می نویسم.
تصویر زیر رو نگاه کنید.
در تصویر بالا سه Fieldset یا گروه وجود داره که Legend های اونها به ترتیب اطلاعات اولیه، اطلاعات هویتی و اطلاعات تحصیلی هستن. کدهای Html بالا چیزی مشابه با دستورات زیر هستن.
<fieldset>
<legend>
اطلاعات اولیه
</legend>
<!--سایر المنت ها-->
</fieldset>
<fieldset>
<legend>
اطلاعات هویتی
</legend>
<!--سایر المنت ها-->
</fieldset>
<fieldset>
<legend>
اطلاعات تحصیلی
</legend>
<!--سایر المنت ها-->
</fieldset>
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
48
- پاسخ :
0
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
930
- پاسخ :
1
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
7859
- پاسخ :
4
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2578
- پاسخ :
2
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
823
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
716
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
1094
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3479
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2991
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
986
- پاسخ :
1
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
48
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
87
- پاسخ :
0
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1031
- پاسخ :
1
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
426
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
930
- پاسخ :
1
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1346
- پاسخ :
1
|
تاریخ :
1398/08/17
- ساعت :
01:27:00 AM
- بازدید :
4796
- پاسخ :
1
|
تاریخ :
1402/09/08
- ساعت :
07:34:00 PM
- بازدید :
1156
- پاسخ :
1
|
تاریخ :
1402/09/21
- ساعت :
11:10:00 PM
- بازدید :
594
- پاسخ :
1
|
تاریخ :
1403/07/27
- ساعت :
03:21:00 PM
- بازدید :
204
- پاسخ :
1
|