Atrybut required
Atrybut required wskazuje, że
ten element formularza HTML
musi być obowiązkowo wypełniony.
Atrybut należy stosować do tagów input
lub textarea.
Przy próbie wysłania formularza w przypadku, gdy pole z tym atrybutem nie jest wypełnione - przeglądarka nie pozwoli na wysłanie formularza i wyświetli błąd w postaci wyskakującej podpowiedzi. Niestety, tekst błędu i jego wyglądu nie można zmienić za pomocą HTML lub CSS.
Miej na uwadze, że obecność atrybutu required
nie zwalnia cię z weryfikacji poprawności
wypełnienia formularza po stronie serwera na
PHP (ponieważ zabezpieczenie przez atrybut łatwo obejść).
Przykład
Dodajmy tagowi input
atrybut required. Nie wprowadzając
nic w pole spróbuj nacisnąć przycisk,
aby wysłać formularz. Przeglądarka nie pozwoli wysłać
formularza, doda cień do inputa i wyświetli komunikat
błędu:
<form action="">
<input type="text" placeholder="wpisz coś" required>
<input type="submit">
</form>
:
Zobacz też
-
atrybut
pattern,
który pozwala na walidację inputa
