آموزش صفت عمومی hidden در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی hidden در HTML با من همراه باشید.

آموزش صفت عمومی hidden در HTML

Free-Learn

صفت عمومی hidden در HTML

صفت hidden صفتی است که ما با استفاده از آن میتوانیم یک عنصر را مخفی نماییم، بطوریکه این عنصر از دید کاربر بطور کامل پنهان باشد. مرورگرها هم نیز عنصری که از این صفت استفاده کرده باشد را نمایش نخواهند داد.

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

برای مثال الان یک باکس کمی پایین تر وجود دارد ولی از دید شما پنهان می باشد برای اینکه اون باکس رو مشاهده کنید لطفا بروی دکمه زیر کلیک نمایید.

Free-Learn

مثال از صفت hidden در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : نمایش/مخفی کردن محتوا با استفاده از جاوااسکریپت

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت hidden در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۶٫۰ ۴٫۰ ۱۱٫۱ ۵٫۱ ۱۱٫۰

Free-Learn

روش استفاده

روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.

Free-Learn

نکات و توضیحات

صفت hidden یک صفت جدید است که در HTML5 اضافه شده است.

در XHTML برای استفاده از این صفت باید به صورت زیر عمل کرد :


Free-Learn

دریافت PDF یا پرینت این مطلب