Nogle gange er det nødvendigt at skjule nogle af de elementer, der er placeret i den, når man lægger en webside. For eksempel, hvis du vil have, at den besøgende ikke skal se formularen indsende knapper, før alle nødvendige felter er udfyldt. Eller hvis knappen overhovedet ikke er beregnet til at blive brugt af den besøgende, men scriptet på denne side skal "klikke" på det.
Instruktioner
Trin 1
Brug visningsegenskaben for Cascading Style Sheets (CSS) til at slå fra eller til visning af de ønskede sideelementer. I henhold til internationale standarder kan denne egenskab tildeles mere end et halvt dusin værdier, der angiver forskellige visningsmetoder. Imidlertid er kun fire cross-browser (dvs. fungerer i alle større browsere). Blandt disse fire er der den ingen værdi, du har brug for, som giver dig mulighed for at skjule det ønskede sideelement.
Trin 2
Opret det krævede sæt CSS-retningslinjer. I sin enkleste form kan det se sådan ud: knap {display: none;} I dette tilfælde vil siden ikke vise alle knapper ved hjælp af … taggen.
Trin 3
Tilføj en indikation til klassens navn i instruktionerne, hvis du kun vil skjule en knap eller en bestemt gruppe af knapper. Navngiv for eksempel en sådan klasse HideBtns og tilføj dette navn til CSS-sætningen: knap. HideBtns {display: none;} Føj klasseattributten til den ønskede knap i HTML-koden på siden og tildel den værdien HideBtns: skjult knap
Trin 4
Anvend skærmegenskaben med værdien none på det overordnede element, hvis du f.eks. Ikke kun vil skjule knappen, men også andre elementer i webformularen. Formularen betragtes som "forælder" for alle elementer placeret mellem tags og. For eksempel:
Her placeres et tekstfelt og en knap til indsendelse af den indtastede værdi inde i formularen. Formularen er tildelt en klasse ved navn HideForm, så for at skjule både indtastningsfeltet og knappen skal du ændre CSS-sætningen på denne måde: form. HideForm {display: none;}
Trin 5
Anbring den forberedte kode i eksemplet ovenfor i overskriften på webdokumentet (mellem tags og). For at fortælle den besøgendes browser, at dette er CSS-kode, skal den vedlægges mellem de indledende og lukke HTML-tags:
knap. HideBtns {display: none;}
