Kartais, dedant tinklalapį, reikia paslėpti kai kuriuos jame įdėtus elementus. Pavyzdžiui, jei norite, kad lankytojas nematytų formos pateikimo mygtukų, kol nebus užpildyti visi būtini laukai. Arba jei mygtukas apskritai nėra skirtas lankytojui, tačiau šiame puslapyje įdėtas scenarijus turėtų jį „spustelėti“.
Nurodymai
1 žingsnis
Norėdami išjungti arba įjungti norimų puslapio elementų vaizdą, naudokite „Kaskadinių stiliaus lapų“(CSS) rodymo ypatybę. Pagal tarptautinius standartus šiai savybei gali būti priskirta daugiau nei pusantro tuzino reikšmių, nurodančių skirtingus rodymo būdus. Tačiau tik keturios yra skirtingos naršyklės (t. Y. Veikia visose pagrindinėse naršyklėse). Tarp šių keturių nėra nė vienos jums reikalingos vertės, kuri leidžia paslėpti norimą puslapio elementą.
2 žingsnis
Sukurkite reikiamą CSS gairių rinkinį. Paprasčiausia forma gali atrodyti taip: mygtukas {display: none;} Tokiu atveju puslapyje nebus rodomi visi mygtukai, kuriuose naudojama žyma….
3 žingsnis
Pridėkite nuorodą prie klasės pavadinimo instrukcijose, jei norite paslėpti tik vieną mygtuką arba tam tikrą mygtukų grupę. Pvz., Pavadinkite tokią klasę „HideBtns“ir pridėkite šį pavadinimą prie CSS sakinio: mygtuko. „HideBtns“{display: none;} Pridėkite klasės atributą prie norimo puslapio HTML kodo mygtuko ir priskirkite jam reikšmę „HideBtns: hidden“
4 žingsnis
Taikykite rodymo ypatybę, kurios vertė nėra reikšmė pagrindiniam elementui, jei norite, pavyzdžiui, paslėpti ne tik mygtuką, bet ir kitus žiniatinklio formos elementus. Forma laikoma visų elementų, dedamų tarp žymų ir, „tėvais“. Pavyzdžiui:
Čia formos viduje yra teksto laukas ir mygtukas įvestai reikšmei pateikti. Forma priskiriama klasei, pavadintai „HideForm“, todėl norėdami paslėpti tiek įvesties lauką, tiek mygtuką, CSS sakinį turite pakeisti taip: forma. HideForm {display: none;}
5 žingsnis
Paruoštą kodą įdėkite į aukščiau pateiktą pavyzdį, esančią žiniatinklio dokumento antraštėje (tarp ir ir tagų). Norėdami pasakyti lankytojo naršyklei, kad tai yra CSS kodas, jis turi būti uždarytas tarp atidaromos ir uždaromos HTML stiliaus žymos:
mygtukas. HideBtns {display: none;}
