<input class="input" id="input-654c" type="text" placeholder="Placeholdertext" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-3539" type="text" value="Value-Text" placeholder="Placeholdertext" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "value": "Value-Text"
}

<input class="input" id="input-d205" type="text" placeholder="Placeholdertext" aria-invalid="true" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "invalid": true
}

<input class="input" id="input-62b5" type="text" placeholder="Disabled" disabled="disabled" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Disabled",
  "disabled": true
}

<input class="input" id="input-e5b5" type="text" value="Value-Text" placeholder="Placeholdertext" disabled="disabled" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "disabled": true,
  "value": "Value-Text"
}

<input class="input" id="input-5315" type="email" placeholder="Your E-Mailaddress" />

{
  "type": "email",
  "label": "Label",
  "placeholder": "Your E-Mailaddress"
}

<input class="input" id="input-97ad" type="search" placeholder="Placeholdertext" />

{
  "type": "search",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-b87f" type="file" placeholder="Placeholdertext" />

{
  "type": "file",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<textarea class="input input--textarea" id="input-a504" type="textarea" placeholder="Placeholdertext"></textarea>

{
  "type": "textarea",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-046e" type="date" placeholder="Placeholdertext" />

{
  "type": "date",
  "label": "Label",
  "placeholder": "Placeholdertext"
}