HTML-Attribut: required

Das Boolean required-Attribut gibt, falls vorhanden, an, dass der Benutzer einen Wert für die Eingabe angeben muss, bevor das zugehörige Formular übermittelt werden kann.

Das required-Attribut wird von den text, search, url, tel, email, password, date, month, week, time, datetime-local, number, checkbox, radio, file, <input>-Typen sowie den Formularsteuerelementen <select> und <textarea> unterstützt. Wenn es bei einem dieser Eingabetypen und Elemente vorhanden ist, wird die :required-Pseudoklasse übereinstimmen. Wenn das Attribut nicht enthalten ist, wird die :optional-Pseudoklasse übereinstimmen.

Das Attribut wird nicht für, oder in Bezug auf, die Eingabetypen range und color unterstützt, da beide Standardwerte haben. Der Typ color hat den Standardwert #000000. Der Typ range hat den Standardwert als Mittelwert zwischen min und max — wobei min und max standardmäßig auf 0 bzw. 100 in den meisten Browsern gesetzt sind, wenn sie nicht deklariert sind. required wird auch nicht für den Eingabetyp hidden unterstützt — Benutzer können nicht erwartet werden, ein verstecktes Formularfeld auszufüllen. Schließlich wird required bei keinem Button-Eingabetypen unterstützt, einschließlich image.

Im Falle einer gleichnamigen Gruppe von radio-Buttons, wenn ein einzelner Radiobutton in der Gruppe das required-Attribut hat, muss ein Radiobutton in dieser Gruppe ausgewählt werden, obwohl es nicht derjenige sein muss, auf den das Attribut angewendet wird. Zur Verbesserung der Pflege des Codes empfiehlt es sich, entweder das required-Attribut in jedem gleichnamigen Radiobutton der Gruppe zu inkludieren oder in keinem.

Im Falle einer gleichnamigen Gruppe von checkbox-Eingabetypen sind nur die mit dem required-Attribut versehenen Checkboxen erforderlich.

<form>
  <div class="group">
    <input type="text" />
    <label>Normal</label>
  </div>
  <div class="group">
    <input type="text" required />
    <label>Required</label>
  </div>
  <input type="submit" />
</form>