Solo CSS etiqueta flotante para campos de formulario
| Autor: | tonystar |
|---|---|
| Views Total: | 2,627 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 12, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otra implementación de CSS pura del patrón de etiqueta flotante que flota la etiqueta por encima del campo de formulario cuando el usuario comienza a escribir un valor.
Instalación
$ npm install float-label-css
Funcionamiento
Importa el Float-Label-CSS a tu proyecto o incluye el stylehsheet Float-Label. CSS en el documento como sigue:
<link rel="stylesheet" href="dist/float-label.css"/>
Envuelva los campos de formulario y las etiquetas en un contenedor denominado ' tiene-Float-Label ' como se indica a continuación:
<div class="has-float-label"> <input id="first" type="text" placeholder="Name"/> <label for="first">First</label> </div> <div class="has-float-label"> <input id="last" type="text" placeholder="Surname"/> <label for="last">Last</label> </div>
