Material Design inspirado entradas HTML personalizadas con CSS & JavaScript
| Autor: | anjlab |
|---|---|
| Views Total: | 6,126 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 6, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Le ayuda a crear controles HTML personalizados (campos de texto, checboxes, botones de radio) inspirado el Google < a href = "https://www.google.com/design/spec/components/text-fields.html #" target = "_ blank" rel = "noopener" > material de diseño pautas. Funciona perfecto con bootstrap Framework CSS y compatible con cualquier navegador moderno incluyendo IE 9 +.
Uso básico
Incluya Generic-INPUTS. CSS y INPUTS. js en el documento.
<link href='dist/css/generic-inputs.css' rel='stylesheet'> <script src='dist/js/inputs.js'></script>
Si está utilizando bootstrap CSS Framework, incluya el bootstrap-INPUTS. CSS en su lugar.
<link href='dist/css/bootstrap-inputs.css' rel='stylesheet'> <script src='dist/js/inputs.js'></script>
Crear campos de texto con etiquetas flotantes.
<div class='form-group'> <input type='text' id="input1" placeholder='Type your first name'> <label for="input1">First Name</label> </div>
Crear radios y casillas de verificación personalizadas.
<div class='form-group'> <input type='checkbox' id='input2'> <label for="input2">Check if you like it</label> <input type='radio' id='input3' name='radio' checked> <label for="input3">Option one is for serious guys</label> </div>
