Pola wymagane, czyli atrybut required

W rozdziale:

Pola wymagane

Obsługa atrybutu required
IE	Firefox	Safari	Chrome	Opera	iPhone	Android
10.0+	4.0+	·	10.0+	9.0+	·	·

Weryfikacja danych w HTML5 nie ogranicza się tylko do określania typów pól. Dodatkowo można też zaznaczyć, które pola są wymagane. Pole wymagane musi mieć jakąś wartość, aby można je było wysłać.

Oznaczanie pól jako wymagane jest tak proste, że prostsze być nie może:

<form>
  <input id="q" required>
  <input type="submit" value="Szukaj">
</form>

Sprawdź pole <input required w swojej przeglądarce. Przeglądarki mogą takie pola oznaczać w jakiś specjalny sposób. Przykładowo w Firefoksie najechanie kursorem na takie pole powoduje pojawienie się chmurki informacyjnej:

Ponadto, gdy zatwierdzisz formularz nie wypełniając obowiązkowego pola, Firefox wyświetli stosowną informację.

Lektura uzupełniająca

Specyfikacje i standardy:

Biblioteki JavaScript:

Modernizr — biblioteka do sprawdzania poziomu obsługi elementów HTML5

Artykuły, które warto przeczytać:

Aplikacje offline Kurs HTML5 Mikrodane