Pole obowiązkowe <input required, select required, textarea required>
W jaki sposób wymusić wypełnienie obowiązkowego (wymaganego) pola w formularzu HTML?
- Pola podstawowe:
<input type="typ" required>
- Lista rozwijalna:
<select required>...</select>
- Obszar tekstowy:
<textarea required>...</textarea>
Atrybut logiczny (wstawiany bez wartości) required
pozwala wskazać, że oznaczone nim pole jest obowiązkowe. Jeśli użytkownik go nie wypełni, nie będzie mógł w ogóle wysłać formularza. Przy takiej próbie przeglądarka może pokazać komunikat błędy - np.: "Wypełnij to pole".
Przykład <input required, select required>
<ul> <li><label>Imię i nazwisko: <input type="text" name="imie_nazwisko" required> *</label></li> <li><label> Płeć: <select name="plec" required> <option value="">Wybierz... <option value="kobieta">Kobieta <option value="mezczyzna">Mężczyzna </select> *</li> </ul> <p>* Pola obowiązkowe</p>
Zobacz przykład: required
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
---|---|---|---|---|---|
<input required> | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | ≤12.1 2012-11-20 | 5 2010-06-07 |
<select required> | 10 2011-03-08 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
<textarea required> | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | ≤12.1 2012-11-20 | 5 2010-06-07 |