Ostatnio edytowany:

required

Autor: Virtual Patriot

Przeznaczenie atrybutu required

Za pomocą atrybutu required możemy określić czy wartość posiadana przez daną, którą reprezentuje interesujący nas element HTML powinna być wartością posiadającą cechy wartości wymaganej, czyli takiej wartości, która nie powinna być wartością pustą przed próbą zatwierdzenia formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany wspomniany element HTML.

Elementy HTML dla atrybutu required

  1. input
  2. select
  3. textarea

Przykład atrybutu required

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="http://webkod.pl/php/submit-result.php">
      <label>
        Podaj imię:
        <input type="text" name="imie" required>
      </label>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Ponieważ do przykładowego elementu "input" został dodany atrybut "required" wartość posiadana przez daną (którą reprezentuje wspomniany element "input") jest wartością posiadającą cechy wartości wymaganej, czyli takiej wartości, która nie powinna być wartością pustą przed próbą zatwierdzenia formularza HTML przez użytkownika reprezentowanego przez element "form", z którym to elementem "form" został powiązany wspomniany element "input".

Interpretacja atrybutu required

Firefox

tak

Google Chrome

tak

Safari

nie

Opera

tak

Internet Explorer

tak, lecz od wersji 10

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu .