Crear bootstrap 4 controles de formulario con etiquetas flotantes
| Autor: | PlanetThemes |
|---|---|
| Views Total: | 2,180 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 13, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una extensión CSS que le permite crear bootstrap 4 controles de formulario con etiquetas flotantes a través de la :p laceholder-se muestra pseudo-elemento.
Sin necesidad de JavaScript. Funciona en Chrome, Safari y Firefox más recientes.
Funcionamiento
Descargue e inserte la hoja de estilo Floating-Labels. CSS después de la última hoja de estilos de bootstrap 4.
<link href="bootstrap.min.css" rel="stylesheet"> <link href="floating-labels.css" rel="stylesheet">
Cree los controles de formulario de la siguiente manera.
<div class="form-label-group"> <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> <label for="inputEmail">Email address</label> </div> <div class="form-label-group"> <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> <label for="inputPassword">Password</label> </div>
