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

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

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

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

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

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

<input class="input" id="input-139d" type="text" placeholder="Disabled" disabled="disabled" />

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

<input class="input" id="input-34cd" 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-2885" type="email" placeholder="Your E-Mailaddress" />

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

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

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

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

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

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

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

<input class="input" id="input-1fd7" type="date" placeholder="Placeholdertext" />

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