Slik gjør du: Skjult utvalgsboks i HTML

For å holde deg produktiv må du være utholdende

Bildekreditt: PeopleImages/E+/GettyImages

En HTML-valgboks er et nettsideelement som lar deg velge fra en rekke alternativer. Det er vanligvis representert som en rullegardinmeny. Det er mulig å skjule en valgboks eller et annet nettsideelement ved å bruke HTML eller stylingspråket CSS. Andre alternativer inkluderer programmering av å skjule elementer ved å bruke JavaScript eller sette opp skjulte innganger i HTML som ikke vises på nettsiden under de fleste omstendigheter.

Skjul en utvalgsboks ved å sette stilalternativer på den ved å bruke HTML og CSS for å gjøre den usynlig. De to viktigste måtene å gjøre dette ved å bruke CSS og HTML for å skjule et element er med visibility style-attributtet og display style-attributtet.

Dagens video

Når du setter et elements synlighet til skjult, vises ikke elementet på nettsiden, men tar fortsatt opp plass som om det var der. Som standard er synlighet satt til "synlig", og objektet vises normalt.

Hvis du foretrekker at elementet ikke skal ta plass på siden slik at nettstedet gjengis som om elementet ikke var i HTML-koden i det hele tatt, bruk display-attributtet i stedet. Sett displayet til "ingen" for å gjøre objektet usynlig.

Enten gjør du dette i stilattributtet på objektet, som f.eks. Skjulte inndata brukes noen ganger for skjemafelt generert fra brukerinndata eller for randomiserte sikkerhetskoder som brukes for å bekrefte at en bruker bruker en faktisk versjon av et skjema lastet ned fra nettstedet.

Fordi brukere kan få tilgang til innholdet i skjulte innganger ved å bruke JavaScript, kan de lese sidens kildekode eller overvåking av nettverkstrafikk, bør de ikke brukes til informasjon som må skjules for enden brukere.