Formularios

Los formularios son la forma estándar de recibir datos ingresados ​​por el usuario. Las transiciones y la suavidad de estos elementos son muy importantes debido a la interacción inherente del usuario asociada con las formas.

Input

<div class="entradasForms">
		<label for="correo">Usuario:</label>
		<input type="email" name="correo" placeholder="username">
		<label for="correo">Contraseña:</label>
		<input type="password" name="" placeholder="contraseña">
		<button class="boton boton-primario derecha">Entrar</button>
</div>

Checkbox

<div class="entradasForms">
	<label class="contentCheck">
		<input type="checkbox" checked="checked">
		<span class="checkActivo"></span>
		 Activo
	</label>
	<label class="contentCheck">
		<input type="checkbox" >
		<span class="checkActivo"></span>
		Inactivo
	</label>
</div>

<div class="entradasForms">
	<h2>Checkbox encendido/apagado</h2>

	<span>Inactivo</span>
	<label class="switch">
		<input type="checkbox" checked="checked">
		<span class="checkSlider redondeadoCheck"></span>
	</label>
	<span>Activo</span>

	<br><br>

	<span>Inactivo</span>
	<label class="switch">
		<input type="checkbox">
		<span class="checkSlider redondeadoCheck"></span>
	</label>
	<span>Activo</span></div>
</div>