<!-- Eingabefeld -->
<input class="input" type="text" placeholder="Platzhaltertext"></input>

{
  "type": "text",
  "placeholder": "Platzhaltertext"
}

<!-- Mit Wert -->
<input class="input" type="text" value="Ein Inhalt" placeholder="Platzhaltertext"></input>

{
  "type": "text",
  "placeholder": "Platzhaltertext",
  "value": "Ein Inhalt"
}

<!-- Datumsauswahl -->
<input class="input" type="date" placeholder="tt.mm.jjjj"></input>

{
  "type": "date",
  "placeholder": "tt.mm.jjjj"
}

<!-- Datumsauswahl (ungültig) -->
<input class="input" type="date" placeholder="tt.mm.jjjj" aria-invalid="true"></input>

{
  "type": "date",
  "placeholder": "tt.mm.jjjj",
  "invalid": true
}

<!-- Textblock -->
<textarea class="input input--textarea" type="textarea" placeholder="Platzhaltertext"></textarea>

{
  "type": "textarea",
  "placeholder": "Platzhaltertext"
}

<!-- Ungültig -->
<input class="input" type="text" placeholder="Platzhaltertext" aria-invalid="true"></input>

{
  "type": "text",
  "placeholder": "Platzhaltertext",
  "invalid": true
}

<!-- Deaktiviert -->
<input class="input" type="text" placeholder="Platzhaltertext" disabled="disabled"></input>

{
  "type": "text",
  "placeholder": "Platzhaltertext",
  "disabled": true
}