اتریبیوت hidden
در برخی مواقع ممکن است بخواهیم المانی را از دید کاربر پنهان کنیم، که برای این کار می توان از اتریبیوت hidden استفاده کرد. به عنوان مثال زمانی که کاربر بر روی المان مشخصی کلیک کرد، المان hidden شده با استفاده از جاوااسکریپت از حالت پنهان خارج شود تا کاربر بتواند آن را مشاهده نماید.
پس از اجرای کد بالا، مشاهده خواهید نمود که هیچ متنی در صفحه مرورگر مشاهده نمی شود، زیرا این متن با استفاده از اتریبیوت hidden از دید شما (کاربر) پنهان شده است.
<body>
<p hidden>این متن برای کاربر قابل مشاهده نخواهد بود</p>
</body>
<p hidden>این متن برای کاربر قابل مشاهده نخواهد بود</p>
</body>
پس از اجرای کد بالا، مشاهده خواهید نمود که هیچ متنی در صفحه مرورگر مشاهده نمی شود، زیرا این متن با استفاده از اتریبیوت hidden از دید شما (کاربر) پنهان شده است.