Včasih je pri postavitvi spletne strani treba skriti nekatere elemente, ki so na njej. Če na primer želite, da obiskovalec ne vidi gumbov za oddajo obrazca, dokler niso izpolnjena vsa zahtevana polja. Ali pa, če gumb ni namenjen temu, da ga obiskovalec sploh uporablja, vendar bi ga skript na tej strani moral "klikniti".
Navodila
Korak 1
Uporabite lastnost prikaza Cascading Style Sheets (CSS), da izklopite ali vklopite prikaz želenih elementov strani. V skladu z mednarodnimi standardi je tej lastnosti mogoče dodeliti več kot ducat vrednosti, ki določajo različne načine prikaza. Vendar pa so le štirje navzkrižni brskalniki (tj. Delujejo v vseh glavnih brskalnikih). Med temi štirimi je nobena vrednost, ki jo potrebujete, kar vam omogoča, da skrijete želeni element strani.
2. korak
Ustvarite zahtevani nabor smernic CSS. V najpreprostejši obliki je lahko videti tako: gumb {display: none;} V tem primeru na strani ne bodo prikazani vsi gumbi z oznako….
3. korak
V navodilih dodajte oznako imenu predavanja, če želite skriti samo en gumb ali določeno skupino gumbov. Tak razred na primer poimenujte HideBtns in dodajte to ime stavku CSS: button. HideBtns {display: none;} Dodajte atribut razreda želenemu gumbu v kodi HTML strani in mu dodelite vrednost HideBtns: skriti gumb
4. korak
Lastnost zaslona z vrednostjo none uporabite za nadrejeni element, če želite na primer skriti ne samo gumb, temveč tudi druge elemente spletnega obrazca. Obrazec velja za "nadrejenega" vseh elementov, nameščenih med oznakama in. Na primer:
Tukaj sta znotraj obrazca postavljena besedilno polje in gumb za oddajo vnesene vrednosti. Obrazec je dodeljen razredu z imenom HideForm, zato morate, da skrijete vnosno polje in gumb, spremeniti stavek CSS tako: form. HideForm {display: none;}
5. korak
Pripravljeno kodo postavite v zgornji primer v glavo spletnega dokumenta (med oznakama in). Če želite brskalniku obiskati, da je to koda CSS, mora biti med začetno in zaključno oznako sloga HTML zaprta:
button. HideBtns {display: none;}
