Lädt...

HTML-Input-Attribute

Neben type beschreiben Attribute Regeln und Hinweise: required, placeholder, Bereiche u. a.

Direkte Antwort

Häufig: name, id, value, placeholder, required, min, max, step, maxlength, pattern, disabled, readonly. Browser-Checks sind nur der Anfang — Server prüft wichtige Daten.

📊 Nützliche Input-Attribute

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

Ausprobieren

  1. E-Mail required + placeholder
  2. number mit min/max
  3. Leer senden — Browsermeldung
  4. maxlength auf Kurzcode

Typische Fehler

  • Nur Browser-Checks ohne Server
  • disabled für Pflichtfelder
  • Zu komplexes pattern

Zusammenfassung

  • Attribute verfeinern Verhalten
  • required, Bereiche, maxlength
  • placeholder ist Hinweis
  • Jedes Feld labeln

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
5
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 1 von 1
Html Tutorial