Przejdź do treści

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>
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

Komentarze

Zobacz więcej komentarzy

Facebook