Så här gör du: Hidden Select Box i HTML

För att vara produktiv måste du vara uthållig

Bildkredit: PeopleImages/E+/GettyImages

En HTML-valruta är ett webbsideselement som låter dig välja från en rad alternativ. Det representeras vanligtvis som en rullgardinsmeny. Det är möjligt att dölja en markeringsruta eller ett annat webbsideselement med HTML eller stylingspråket CSS. Andra alternativ inkluderar att programmatiskt dölja element med hjälp av JavaScript eller ställa in dolda indata i HTML som inte visas på webbsidan under de flesta omständigheter.

Dölj en markeringsruta genom att sätta stilalternativ på den med HTML och CSS för att göra den osynlig. De två huvudsakliga sätten att göra detta med CSS och HTML för att dölja ett element är med visibility style-attributet och display style-attributet.

Dagens video

När du ställer in ett elements synlighet till dold, visas inte elementet på webbsidan men tar fortfarande upp plats som om det vore där. Som standard är synlighet inställd på "synlig" och objektet visas normalt.

Om du föredrar att elementet inte tar upp något utrymme på sidan så att webbplatsen renderas som om elementet inte alls fanns i HTML-koden, använd istället display-attributet. Ställ in displayen på "ingen" för att göra objektet osynligt.

Gör antingen detta i stilattributet på objektet, som t.ex. Dolda indata används ibland för formulärfält som genereras från användarinmatning eller för randomiserade säkerhetskoder som används för att verifiera att en användare använder en faktisk version av ett formulär som laddats ner från webbplatsen.

Eftersom användare kan komma åt innehållet i dolda indata genom att använda JavaScript, läser du sidans källkod eller övervakning av nätverkstrafik, bör de inte användas för information som måste döljas från slutet användare.