Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
Jak wymusić wpisanie w formularzu tekstu przynajmniej o podanej długości? Jak zabezpieczyć się przed wprowadzeniem zbyt długiego tekstu?
- Pole tekstowe:
<input minlength="minimum" maxlength="maksimum">
- Obszar tekstowy:
<textarea minlength="minimum" maxlength="maksimum">...</textarea>
- minimum
- maksimum
- Liczby całkowite oznaczające odpowiednio: najmniejszą liczbę znaków, którą użytkownik musi wpisać w polu tekstowym oraz największą liczbę znaków, której nie może przekroczyć
Atrybuty te pozwalają wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i uniemożliwić wprowadzenie za długiego tekstu (maxlength="..."). Oba te atrybuty można stosować wspólnie lub osobno.
Warto zauważyć, że atrybut maxlength="..." był dostępny już w języku HTML 4.01, ale można go było przypisać tylko do zwykłego pola tekstowego. HTML5 pozwala zrobić to również dla obszaru tekstowego. Natomiast minlength="...", jest zupełnie nowym atrybutem HTML5.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
<input minlength> | 40 2015-01-21 | 51 2017-01-24 | 17 2018-04-30 | 27 2015-01-27 | 10.1 2017-03-27 |
<input maxlength> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | ≤12.1 2012-11-20 | 1 2003-06-23 |
<textarea minlength> | 40 2015-01-21 | 51 2017-01-24 | 17 2018-04-30 | 27 2015-01-27 | 10.1 2017-03-27 |
<textarea maxlength> | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | ≤12.1 2012-11-20 | 5 2010-06-07 |