Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

Ukrywanie danych wprowadzanych do formularza

czwartek,

Ukrywanie danych wprowadzanych do formularza

Czy możliwe jest maskowanie danych wprowadzanych do innych niż <input type="text"> elementów formularza?

Trzymając się ściśle standardów, w językach HTML i CSS nie ma takiej możliwości ,jednak ukrywanie znaków wprowadzanych w innych elementach niż input typu password jest możliwe przy pomocy języka JavaScript. W przypadku innych znaczników input w wielu przypadkach prościej będzie zmienić typ elementu (np. typ text, number, search, email). W tym dziale umieszczane są informacje dotyczące kaskadowych arkuszy stylów, dlatego rozwiązanie oparte o JavaScript nie zostanie przedstawione.

W przeglądarkach opartych o silnik Webkit lub Blink obsługiwana jest niestandardowa własność CSS o nazwie -webkit-text-security. Aplikacje te stanowią większość rynku, jednak w przypadku profesjonalnych aplikacji należy zadbać o rozwiązanie zastępcze dla pozostałych przeglądarek. Własność -webkit-text-security nie działa z elementami typu password i może przyjąć cztery wartości: none, circle, square, disc.

Element textarea z własnością -webkit-text-security:

Kod HTML przykładu:

<textarea style="-webkit-text-security:circle;">Tekst</textarea>
Artykuł: Ubrania darujesz, wolontariat budujesz

Ubrania darujesz, wolontariat budujesz

Artykuł: CORSAIR iCUE LINK H115i

CORSAIR iCUE LINK H115i

Artykuł: Biały komputer z Ryzenem 5600

Biały komputer z Ryzenem 5600

Artykuł: Darkflash DR11 RGB

Darkflash DR11 RGB

Artykuł: Aigo AR12 Pro

Aigo AR12 Pro

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły