HTML5 - HTML
Pole obowiązkowe <input required, select required, textarea required>
W jaki sposób wymusić wypełnienie obowiązkowego (wymaganego) pola w formularzu HTML?
(interpretuje: Internet Explorer 10, Firefox, Opera, Chrome)
- 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