Etiketa details

Etiketa details krijon një spoiler në HTML, domethënë përdoret për informacion që mund të fshihet ose shfaqet sipas dëshirës së përdoruesit.

Si parazgjedhje, përmbajtja e etiketës është e fshehur. Për ta shfaqur atë sipas kërkesës së përdoruesit, duhet shtuar etiketën summary, e cila specifikon titullin për etiketën details. Ky titull është gjithmonë i dukshëm në faqe (edhe nëse përmbajtja e details është në gjendje të palosur) dhe mund të klikohet për të shpalosur tekstin e fshehur ose për ta mbledhur atë.

Gjithashtu, për të shfaqur përmbajtjen e fshehur mund të përdoret atributi open i etiketës details (për shembull, për të shfaqur përmbajtjen e details duke përdorur JavaScript).

Shembull

Le të shohim se si funksionon etiketa details:

html<details>
  <summary>click me</summary>
  hidden text
</details>

Результат:

Shihni gjithashtu