Noen ganger, når du legger ut en webside, er det nødvendig å skjule noen av elementene som er plassert i den. Hvis du for eksempel vil at den besøkende ikke skal se skjemaet for innleveringsknapper før alle obligatoriske felt er fylt ut. Eller hvis knappen ikke er ment å brukes av den besøkende i det hele tatt, men skriptet som er plassert på denne siden skal "klikke" på det.
Bruksanvisning
Trinn 1
Bruk visningsegenskapen til Cascading Style Sheets (CSS) for å slå av eller på visningen av de ønskede sideelementene. I henhold til internasjonale standarder kan denne egenskapen tildeles mer enn et og et halvt dusin verdier som spesifiserer forskjellige visningsmetoder. Imidlertid er det bare fire som er nettlesere (dvs. fungerer i alle større nettlesere). Blant disse fire er det ingen verdi du trenger, som lar deg skjule ønsket sideelement.
Steg 2
Lag det nødvendige settet med CSS-retningslinjer. I sin enkleste form kan det se slik ut: knapp {display: none;} I dette tilfellet vil ikke siden vise alle knappene ved hjelp av … taggen.
Trinn 3
Legg til en indikasjon på kursnavnet i instruksjonene hvis du bare vil skjule en knapp eller en bestemt gruppe knapper. Navn for eksempel en slik klasse HideBtns og legg til dette navnet i CSS-setningen: button. HideBtns {display: none;} Legg til klasseattributtet til ønsket knapp i HTML-koden på siden og tildel den verdien HideBtns: skjult knapp
Trinn 4
Bruk visningsegenskapen med verdien none til det overordnede elementet hvis du for eksempel vil skjule ikke bare knappen, men også andre elementer i webskjemaet. Skjemaet regnes som "overordnet" til alle elementene som er plassert mellom kodene og. For eksempel:
Her plasseres et tekstfelt og en knapp for å sende inn den angitte verdien i skjemaet. Skjemaet er tildelt en klasse som heter HideForm, så for å skjule både inntastingsfeltet og knappen, må du endre CSS-setningen slik: form. HideForm {display: none;}
Trinn 5
Plasser den forberedte koden i eksemplet ovenfor i overskriften til nettdokumentet (mellom kodene og). For å fortelle den besøkendes nettleser at dette er CSS-kode, må den være vedlagt mellom de åpne og lukkende HTML-stilkodene:
button. HideBtns {display: none;}
