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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<input class="input" id="input-071f" type="date" placeholder="Placeholdertext" />

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