Procedure: Verborgen selectievak in HTML

Om productief te blijven, moet je volhardend blijven

Afbeelding tegoed: PeopleImages/E+/GettyImages

Een HTML-selectievak is een webpagina-element waarmee u uit een reeks opties kunt kiezen. Het wordt meestal weergegeven als een vervolgkeuzemenu. Het is mogelijk om een ​​select box of een ander webpagina-element te verbergen met HTML of de stijltaal CSS. Andere opties zijn het programmatisch verbergen van elementen met JavaScript of het instellen van verborgen invoer in HTML die in de meeste gevallen niet op de webpagina wordt weergegeven.

Verberg een selectievak door er stijlopties op te plaatsen met HTML en CSS om het onzichtbaar te maken. De twee belangrijkste manieren om dit te doen door CSS en HTML te gebruiken om een ​​element te verbergen, zijn met het kenmerk zichtbaarheidsstijl en het kenmerk weergavestijl.

Video van de dag

Wanneer u de zichtbaarheid van een element instelt op verborgen, wordt het element niet weergegeven op de webpagina, maar neemt het nog steeds ruimte in beslag alsof het er is. Zichtbaarheid is standaard ingesteld op 'zichtbaar' en het object wordt normaal weergegeven.

Als u liever wilt dat het element geen ruimte op de pagina inneemt, zodat de website wordt weergegeven alsof het element helemaal niet in de HTML-code staat, gebruikt u in plaats daarvan het kenmerk display. Stel de weergave in op "none" om het object onzichtbaar te maken.

Doe dit in het stijlkenmerk op het object, zoals. Verborgen invoer wordt soms gebruikt voor formuliervelden die zijn gegenereerd op basis van gebruikersinvoer of voor gerandomiseerde beveiligingscodes die worden gebruikt om te verifiëren dat een gebruiker een daadwerkelijke versie gebruikt van een formulier dat van de website is gedownload.

Omdat gebruikers toegang hebben tot de inhoud van verborgen invoer door JavaScript te gebruiken, is het lezen van de broncode van de pagina of het monitoren van netwerkverkeer, mogen ze niet worden gebruikt voor informatie die voor het einde verborgen moet blijven gebruikers.