Ukryte przyciski HTML

Za pomocą formularzy stron internetowych można przechwytywać dane od użytkowników witryny - często istotny proces w witrynach biznesowych. Niektóre formularze internetowe używają ukrytych pól, w którym to przypadku elementy wejściowe HTML są zawarte w znacznikach strony, ale nie są widoczne dla użytkowników. Istnieje kilka różnych sposobów uwzględniania ukrytych pól i przycisków w formularzu strony internetowej, przy użyciu elementu wejściowego HTML z określonymi atrybutami "type" lub opcjonalnie przy użyciu kodu CSS (kaskadowego arkusza stylów), czasami wraz z przetwarzaniem JavaScript.

Wejścia HTML

Formularze HTML używają elementów wejściowych. Istnieją różne rodzaje elementów wejściowych, w tym przyciski, pola wyboru, pola tekstowe i inne. Atrybut "typ" dla elementu wejściowego określa jego wygląd i funkcję na stronie. Ustawienie atrybutu "typ" elementu wejściowego na "ukryty" tworzy ukryte pole formularza. Poniższy przykładowy znacznik demonstruje:

Tworzy to pole, które będzie funkcjonować jako część formularza, w którym jest zawarte, ale którego użytkownicy nie zobaczą. Mimo że jest to ukryty element wejściowy, nie jest to przycisk.

Widoczność CSS

Aby włączyć ukryty element przycisku HTML, programiści mają do wyboru kilka opcji. O ile element wejściowy nie ma "ukrytego" atrybutu "typ", domyślnie pojawi się on na stronie. Aby ukryć element wejściowy dowolnego innego typu, programiści mogą używać kodu CSS. Dzięki tej metodzie programista może zawierać element przycisku HTML lub element wejściowy z "typem" ustawionym na "button" lub "submit". Deweloper może następnie nadać przyciskowi kod CSS, ukrywając go za pomocą właściwości widoczności w następujący sposób:

input.hide {visibility: hidden; }

To działałoby dla następującego przycisku:

Funkcje JavaScript

Przyciski, które są ukryte, nie mają domyślnej funkcjonalności, ponieważ zależy to od tego, czy użytkownik może je zobaczyć i interakcję z nimi. Ponieważ użytkownik nie może kliknąć przycisku, który nie pojawia się na stronie, programiści muszą użyć funkcji JavaScript, aby wyświetlić monit o dowolne działanie, które normalnie zainicjowałby przycisk po kliknięciu użytkownika. Na przykład strona może korzystać z funkcji JavaScript, która jest monitowana o inne zdarzenia, takie jak interakcja użytkownika z innym elementem formularza, w celu przesłania danych formularza. Niektóre formularze internetowe pokazują i ukrywają przyciski wprowadzania i inne elementy, gdy użytkownik wchodzi w interakcję z formularzem.

Rozważania

Mimo że ukryte pola formularzy i przyciski są odpowiednie w niektórych przypadkach, mogą być niewiarygodne. W większości przypadków programiści tworzą użyteczne wyniki z elementami wejściowymi w swoich domyślnych stanach. Większość formularzy może być zbudowana z powodzeniem z polami, przyciskami i innymi elementami wejściowymi, które są w pełni widoczne i funkcjonalne w sposób, jakiego oczekują od użytkowników.