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

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

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

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

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

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

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

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

<input class="input" id="input-9d75" 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-02b2" type="email" placeholder="Your E-Mailaddress" />

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

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

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

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

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

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

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

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

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