---
layout: docs
title: Input Indicators
description: null
---

## Example

<form>
  <p class="field">
    <label for="error">Input Error</label>
    <input class="error" type="text" id="error" value="Input Error">
  </p>
  <p class="field">
    <label for="warning">Input Warning</label>
    <input class="warning" type="text" id="warning" value="Input Warning">
  </p>
  <p class="field">
    <label for="success">Input Success</label>
    <input class="success" type="text" id="success" value="Input Success">
  </p>
  <p class="field">
    <label for="info">Input Info</label>
    <input class="info" type="text" id="info" value="Input Info">
  </p>
</form>

### HTML

```html
<label for="error">...</label>
<input class="error" type="text" id="error" />

<label for="warning">...</label>
<input class="warning" type="text" id="warning" />

<label for="success">...</label>
<input class="success" type="text" id="success" />

<label for="info">...</label>
<input class="info" type="text" id="info" />
```