Element <input> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element <input> służy do tworzenia pól formularza, w których użytkownik może wprowadzać dane lub wybierać określone opcje. Jest to element pusty, czyli nie ma znacznika zamykającego.

Najważniejszy atrybut: type

Atrybut type określa rodzaj pola formularza, np.:

  • text — zwykłe pole tekstowe,
  • password — pole hasła, w którym wpisywane znaki nie są widoczne,
  • checkbox — pole wyboru,
  • radio — przycisk opcji,
  • submit — przycisk wysyłania formularza.

Przykład:

<input type='password'>

W tym przypadku przeglądarka ukrywa wpisywane znaki, zwykle zastępując je kropkami lub gwiazdkami.

Atrybuty size i maxlength

W pytaniach egzaminacyjnych często pojawiają się atrybuty size i maxlength.

  • size określa szerokość widocznego pola, zwykle liczoną orientacyjnie w znakach,
  • maxlength określa maksymalną liczbę znaków, które użytkownik może wpisać.

Przykład:

<input type='password' size='30' maxlength='20'>

Oznacza to, że pole będzie miało widoczną szerokość około 30 znaków, ale użytkownik może wpisać maksymalnie 20 znaków. Ponieważ type='password', wpisywane znaki nie będą widoczne wprost w polu tekstowym.

Wniosek egzaminacyjny

Jeżeli w kodzie występuje maxlength='20', to limit wpisywanych znaków wynosi 20. Jeżeli jednocześnie type='password', znaki są ukrywane podczas wpisywania.