Dažreiz, izkārtojot tīmekļa lapu, ir nepieciešams paslēpt dažus tajā ievietotos elementus. Piemēram, ja vēlaties, lai apmeklētājs neredzētu veidlapas iesniegšanas pogas, kamēr nav aizpildīti visi obligātie lauki. Vai arī, ja poga vispār nav paredzēta apmeklētāja lietošanai, bet šajā lapā ievietotajam skriptam vajadzētu to "noklikšķināt".
Instrukcijas
1. solis
Izmantojiet kaskādes stila lapu (CSS) displeja rekvizītu, lai izslēgtu vai ieslēgtu vēlamo lapas elementu displeju. Saskaņā ar starptautiskajiem standartiem šim īpašumam var piešķirt vairāk nekā pusotru desmitu vērtību, kas norāda dažādas attēlošanas metodes. Tomēr tikai četras ir pārlūkprogrammas (t.i., darbojas visās lielākajās pārlūkprogrammās). Starp šiem četriem nav nevienas vajadzīgās vērtības, kas ļauj paslēpt vēlamo lapas elementu.
2. solis
Izveidojiet nepieciešamo CSS vadlīniju kopu. Vienkāršākajā formā tas var izskatīties šādi: poga {display: none;} Šajā gadījumā lapā netiks parādītas visas pogas, kurās izmantots tags….
3. solis
Pievienojiet norādi klases nosaukumam instrukcijās, ja vēlaties paslēpt tikai vienu pogu vai noteiktu pogu grupu. Piemēram, nosauciet šādu klasi HideBtns un pievienojiet šo nosaukumu CSS paziņojumam: button. HideBtns {display: none;} Pievienojiet klases atribūtu vēlamajai pogai lapas HTML kodā un piešķiriet tai vērtību pogai HideBtns: hidden
4. solis
Lietojiet vecāku elementam displeja rekvizītu ar vērtību none, ja vēlaties, piemēram, paslēpt ne tikai pogu, bet arī citus tīmekļa veidlapas elementus. Veidlapa tiek uzskatīta par visu vecāku, kas ievietoti starp tagiem un. Piemēram:
Šeit veidlapā ievieto teksta lauku un pogu ievadītās vērtības iesniegšanai. Veidlapa tiek piešķirta klasei ar nosaukumu HideForm, tāpēc, lai paslēptu gan ievades lauku, gan pogu, CSS priekšraksts ir jāmaina šādi: form. HideForm {display: none;}
5. solis
Sagatavoto kodu ievietojiet iepriekš redzamajā piemērā tīmekļa dokumenta galvenē (starp un tagiem). Lai apmeklētāja pārlūkprogrammā pateiktu, ka tas ir CSS kods, tas jāiekļauj starp sākuma un aizvēršanas HTML stila tagiem:
poga. HideBtns {display: none;}
