Instrukcje: Ukryte pole wyboru w HTML

Aby pozostać produktywnym, musisz być wytrwały

Źródło obrazu: PeopleImages/E+/GettyImages

Pole wyboru HTML to element strony internetowej, który umożliwia wybór spośród wielu opcji. Zwykle jest przedstawiane jako menu rozwijane. Możliwe jest ukrycie pola wyboru lub innego elementu strony internetowej za pomocą HTML lub języka stylów CSS. Inne opcje obejmują programowe ukrywanie elementów za pomocą JavaScript lub konfigurowanie ukrytych danych wejściowych w kodzie HTML, które w większości przypadków nie są wyświetlane na stronie internetowej.

Ukryj pole wyboru, umieszczając na nim opcje stylizacji za pomocą HTML i CSS, aby było niewidoczne. Dwa główne sposoby na zrobienie tego za pomocą CSS i HTML do ukrycia elementu to użycie atrybutu stylu widoczności i atrybutu stylu wyświetlania.

Wideo dnia

Gdy ustawisz widoczność elementu na ukryty, element nie jest wyświetlany na stronie internetowej, ale nadal zajmuje miejsce, tak jakby tam był. Domyślnie widoczność jest ustawiona na „widoczny”, a obiekt jest wyświetlany normalnie.

Jeśli wolisz, aby element nie zajmował miejsca na stronie, aby witryna była renderowana tak, jakby element w ogóle nie znajdował się w kodzie HTML, użyj zamiast tego atrybutu display. Ustaw wyświetlanie na „brak”, aby obiekt był niewidoczny.

Zrób to w atrybucie stylu obiektu, takim jak. Ukryte dane wejściowe są czasami używane w przypadku pól formularzy generowanych na podstawie danych wprowadzonych przez użytkownika lub losowych kodów bezpieczeństwa używanych do sprawdzenia, czy użytkownik korzysta z rzeczywistej wersji formularza pobranego ze strony internetowej.

Ponieważ użytkownicy mogą uzyskać dostęp do zawartości ukrytych danych wejściowych za pomocą JavaScript, czytając kod źródłowy strony lub monitorowania ruchu sieciowego, nie powinny być wykorzystywane do informacji, które muszą być ukrywane przed końcem użytkowników.