امکان نمایش جزئیات بیشتر و یا پنهان کردن آن جزئیات، با کلیک کاربر بر روی یک عنوان، با تگ های details و summary ، در HTML

تگ details در HTML ، برای ارائه جزئیاتی اضافه تر به کار می رود که کاربر می تواند تعیین کند که آن جزئیات، نمایش داده شوند و یا اینکه پنهان شوند.

بنابراین کاربر یک عبارت را می بیند و در صورتی که بخواهد جزئیات را به طور کامل مشاهده نماید، با کلیک بر روی آن عبارت، جزئیات به طور کامل نمایش داده می شوند و همچنین با کلیک مجدد، جزئیات پنهان می شوند.

با به کار بردن تگ summary درون تگ details ، می توانیم مشخص کنیم که عبارت مورد نظرمان که با کلیک بر روی آن، جزئیات نمایش داده می شوند، چه عبارتی باشد.

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

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 26729
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)