Minsan, kapag naglalagay ng isang web page, kinakailangan upang itago ang ilan sa mga elementong inilagay dito. Halimbawa, kung nais mong hindi makita ng bisita ang form na magsumite ng mga pindutan hanggang sa mapunan ang lahat ng kinakailangang mga patlang. O kung ang pindutan ay hindi inilaan upang magamit ng bisita sa lahat, ngunit ang script na inilagay sa pahinang ito ay dapat na "i-click" ito.
Panuto
Hakbang 1
Gamitin ang ipinapakita na pag-aari ng Cascading Style Sheets (CSS) upang i-off o sa pagpapakita ng mga nais na elemento ng pahina. Ayon sa mga pamantayang pang-internasyonal, ang property na ito ay maaaring italaga ng higit sa isa at kalahating dosenang halaga na tumutukoy sa iba't ibang mga pamamaraan sa pagpapakita. Gayunpaman, apat lamang ang cross-browser (ibig sabihin, gumagana sa lahat ng pangunahing mga browser). Kabilang sa apat na ito, walang halaga na kailangan mo, na nagbibigay-daan sa iyo upang itago ang nais na elemento ng pahina.
Hakbang 2
Lumikha ng kinakailangang hanay ng mga alituntunin ng CSS. Sa pinakasimpleng form nito, maaaring ganito ang hitsura nito: pindutan {display: none;} Sa kasong ito, hindi ipapakita ng pahina ang lahat ng mga pindutan gamit ang… tag.
Hakbang 3
Magdagdag ng isang pahiwatig sa pangalan ng klase sa mga tagubilin kung nais mong itago ang isang pindutan lamang o isang tukoy na pangkat ng mga pindutan. Halimbawa, pangalanan ang isang klase na HideBtns at idagdag ang pangalang ito sa pahayag ng CSS: button. HideBtns {display: none;} Idagdag ang katangian ng klase sa nais na pindutan sa HTML code ng pahina at ibigay ito sa halagang HideBtns: nakatagong pindutan
Hakbang 4
Ilapat ang ipinapakitang pag-aari na walang halaga sa sangkap ng magulang kung nais mo, halimbawa, upang maitago hindi lamang ang pindutan, ngunit ang iba pang mga elemento ng form sa web din. Ang form ay itinuturing na "magulang" ng lahat ng mga elemento na inilagay sa pagitan ng mga at tag. Halimbawa:
Dito, isang patlang ng teksto at isang pindutan para sa pagsusumite ng ipinasok na halaga ay inilalagay sa loob ng form. Ang form ay itinalaga sa isang klase na nagngangalang HideForm, kaya upang maitago ang parehong patlang ng pag-input at ang pindutan, kailangan mong baguhin ang pahayag na CSS tulad nito: form. HideForm {display: none;}
Hakbang 5
Ilagay ang handa na code sa halimbawa sa itaas sa header ng web document (sa pagitan ng mga at mga tag). Upang sabihin sa browser ng bisita na ito ay CSS code, dapat itong nakapaloob sa pagitan ng pagbubukas at pagsasara ng mga tag ng istilong HTML:
button. HideBtns {display: none;}
