Ba'zan, veb-sahifani joylashtirayotganda, unga joylashtirilgan ba'zi elementlarni yashirish kerak bo'ladi. Masalan, agar siz tashrif buyuruvchining barcha kerakli maydonlar to'ldirilmaguncha shaklni yuborish tugmachalarini ko'rmasligini xohlasangiz. Yoki agar tugma tashrif buyuruvchi tomonidan umuman ishlatilishi mo'ljallanmagan bo'lsa, lekin ushbu sahifada joylashtirilgan skript uni "bosishi" kerak.
Ko'rsatmalar
1-qadam
Kerakli sahifa elementlarini o'chirish yoki yoqish uchun Cascading Style Sheets (CSS) displey xususiyatidan foydalaning. Xalqaro standartlarga muvofiq, ushbu mulkka turli xil namoyish usullarini ko'rsatadigan bir yarim o'ndan ortiq qiymatlar berilishi mumkin. Biroq, faqat to'rttasi o'zaro faoliyat brauzerdir (ya'ni barcha asosiy brauzerlarda ishlaydi). Ushbu to'rttasida kerakli sahifa elementini yashirishga imkon beradigan kerakli qiymat yo'q.
2-qadam
Kerakli CSS ko'rsatmalar to'plamini yarating. Eng sodda ko'rinishida u quyidagicha ko'rinishi mumkin: tugma {display: none;} Bunday holda, sahifada… yorlig'i yordamida barcha tugmalar aks etmaydi.
3-qadam
Faqat bitta tugmachani yoki ma'lum bir tugma guruhini yashirishni istasangiz, ko'rsatmalarga sinf nomiga ko'rsatma qo'shing. Masalan, bunday sinfni HideBtns deb nomlang va ushbu nomni CSS bayonotiga qo'shing: button. HideBtns {display: none;} Class atributini sahifaning HTML kodidagi kerakli tugmachaga qo'shing va unga HideBtns: yashirin tugma qiymatini bering
4-qadam
Agar xohlasangiz, masalan, tugmachani emas, balki veb-shaklning boshqa elementlarini ham yashirishni xohlasangiz, ekran xususiyatini hech qanday qiymatga ega bo'lmagan holda ota-ona elementiga qo'llang. Shakl va teglar orasiga qo'yilgan barcha elementlarning "ota-onasi" hisoblanadi. Misol uchun:
Bu erda matn maydoni va kiritilgan qiymatni yuborish tugmasi forma ichiga joylashtirilgan. Forma HideForm nomli sinfga berilgan, shuning uchun ham kirish maydonini, ham tugmachani yashirish uchun CSS operatorini quyidagicha o'zgartirishingiz kerak: form. HideForm {display: none;}
5-qadam
Tayyorlangan kodni yuqoridagi misolda veb-hujjatning sarlavhasiga joylashtiring (va teglar orasida). Bu CSS-kod ekanligini tashrif buyuruvchilarning brauzeriga aytish uchun, u HTML uslubi teglari ochilishi va yopilishi orasida bo'lishi kerak:
button. HideBtns {display: none;}
