Atrybut logiczny required
służy do oznaczania kontrolek formularza, których wypełnienie jest obowiązkowe. Do pól opcjonalnych zastosowanie ma pseudoklasa CSS :optional
, a do obowiązkowych – :required
.
Przykład użycia
Obowiązkowe pole tekstowe.
<input type="text" required>
Składnia atrybutu required
<nazwa_elementu required="required" />
<nazwa_elementu required>
Elementy związane z atrybutem required
Atrybut required
dotyczy elementów input
(nie licząc typów hidden
, image
, submit
, reset
oraz button
), select
i textarea
.
Wartości atrybutu required
Atrybut required
jest atrybutem logicznym (ang. boolean attribute), co oznacza, że nie ma żadnych wartości, a jedynie może być zdefiniowany lub nie. Atrybuty logiczne można definiować na dwa sposoby — w stylu HTML i XHTML:
- HTML: należy tylko wpisać nazwę atrybutu, np.
<input required>
- XHTML: należy wpisać nazwę atrybutu i dodatkowo zdefiniować ją jako jego wartość, np.
<input required="required" />
Obsługa atrybutu required przez przeglądarki
Firefox | Chrome | Opera | Safari | Internet Explorer |
---|---|---|---|---|
✔ | ✔ | ✔ | ✘ | ✘ |
Różnice między HTML 4.01 a HTML5
Atrybut required
jest nowością języka HTML5.