Przejdź do treści

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>
typ
Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: hidden, image, button, submit, reset.

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

Komentarze

Zobacz więcej komentarzy

Facebook