Inputs

---

--

Inputs

Inputs básicos sin animación

 
<div class="col ">
	<label for=""> texto</label>
	<input type="text" placeholder="text" class="input" />
</div>
<div class="col error-input">
	<label for=""> texto</label>
	<input type="text" placeholder="text" class="input" />
</div>
<div class="col ok-input">
	<label for=""> texto</label>
	<input type="text" placeholder="text" class="input" />
</div>
<div class="col disabled-input">
	<label for=""> texto</label>
	<input type="text" placeholder="text" class="input" />
</div>
Inputs Animados

Texto interior

.
.
 <div class="form-input-label">
	<input type="email" id="uno" class="input" placeholder="Email address"
		required="" />
	<!-- autofocus=""  si es necesario-->
	<label for="uno">Email address</label>
</div>

<div class="form-input-label icon-pre">
	<input type="email" id="dos" class="input" placeholder="Email address"
		required="" />
	<label for="dos">Email dos</label>
	<div class="form-icon"> .</div>
</div>

<div class="form-input-label icon-post">
	<input type="email" id="tres" class="input" placeholder="Email address"
		required="" />
	<label for="tres">Email tres</label>
	<div class="form-icon"> .</div>
</div>