Atrybut maxlength w HTML

Atrybut maxlength w HTML

Atrybut maxlength określa maksymalną liczbę znaków, jaką użytkownik może wpisać w polu formularza. Jest stosowany najczęściej z elementami <input> oraz <textarea>.

Najważniejsze informacje

• maxlength ogranicza liczbę wprowadzanych znaków.
• Wartość atrybutu jest liczbą całkowitą.
• Nie określa szerokości pola na ekranie.
• Działa po stronie przeglądarki, ale dane i tak powinny być sprawdzane po stronie serwera.

Przykład

<input type="text" maxlength="20">

W tym przykładzie użytkownik może wpisać maksymalnie 20 znaków.

Przykład z hasłem

<input type="password" maxlength="20">

Pole przyjmie maksymalnie 20 znaków, a wpisywane znaki będą maskowane, ponieważ użyto type="password".

Typowy błąd egzaminacyjny

Nie należy mylić maxlength z size. Atrybut maxlength="20" oznacza limit wpisywanych znaków, natomiast size="30" dotyczy głównie wizualnej szerokości pola.