گاهی اوقات ، هنگام تنظیم یک صفحه وب ، لازم است برخی از عناصر قرار داده شده در آن را پنهان کنید. به عنوان مثال ، اگر می خواهید بازدید کننده دکمه های ارسال فرم را مشاهده نکند تا زمانی که تمام قسمت های مورد نیاز پر شود. یا اگر این دکمه به هیچ وجه برای بازدید کننده در نظر گرفته نشده است ، اما اسکریپت قرار داده شده در این صفحه باید "کلیک" کند.
دستورالعمل ها
مرحله 1
برای خاموش یا روشن کردن نمایش عناصر صفحه مورد نظر ، از ویژگی نمایش Cascading Style Sheets (CSS) استفاده کنید. طبق استانداردهای بین المللی ، به این ویژگی می توان بیش از یک و نیم ده مقدار اختصاص داد که روشهای مختلف نمایش را مشخص می کند. با این حال ، فقط چهار مرورگر متقابل هستند (به عنوان مثال ، در همه مرورگرهای اصلی کار می کنند). در میان این چهار ، هیچ ارزش موردنیاز وجود ندارد ، که به شما امکان می دهد عنصر صفحه مورد نظر را پنهان کنید.
گام 2
مجموعه مورد نیاز دستورالعمل های CSS را ایجاد کنید. در ساده ترین شکل ممکن است به شکل زیر باشد: دکمه {display: none؛} در این حالت ، صفحه با استفاده از برچسب all همه دکمه ها را نمایش نمی دهد.
مرحله 3
اگر می خواهید فقط یک دکمه یا یک گروه خاص از دکمه ها را پنهان کنید ، در دستورالعمل ها نشانه ای به نام کلاس اضافه کنید. به عنوان مثال ، چنین کلاس HideBtns را نامگذاری کنید و این نام را به دستور CSS: button. HideBtns {display: none؛} ویژگی کلاس را به دکمه مورد نظر در کد HTML صفحه اضافه کنید و مقدار HideBtns: button را به آن اختصاص دهید
مرحله 4
اگر می خواهید برای نمایش نه تنها دکمه ، بلکه سایر عناصر فرم وب را نیز از ویژگی نمایش با مقدار none استفاده کنید. فرم "والد" تمام عناصر قرار گرفته بین برچسب ها و در نظر گرفته می شود. مثلا:
در اینجا ، یک قسمت متن و یک دکمه برای ارسال مقدار وارد شده در داخل فرم قرار می گیرد. فرم به کلاسی به نام HideForm اختصاص داده شده است ، بنابراین برای پنهان کردن هر دو قسمت ورودی و دکمه ، باید دستور CSS را مانند این تغییر دهید: form. HideForm {display: none؛}
مرحله 5
کد آماده شده را در مثال بالا در عنوان صفحه وب (بین برچسب ها و) قرار دهید. برای اینکه به مرورگر بازدید کننده بگویید که این کد CSS است ، باید بین برچسب های باز و بسته سبک HTML محصور شود:
button. HideBtns {display: none؛}
