Botones
En este ejemplo se prueban las distintas clases para dar aspecto a los botones, que se encuentran en el fichero base.css. Se pueden usar tanto para botones como para enlaces.
Índice
- Botones
- Botones de colores suaves
- Enlaces con forma de botón
- Botones con icono
- Mini-formulario con forma de botón con icono
Botones
Estos son elementos de tipo button con las clases de CSS:
button, button-success, button-warning, button-error.
Ejemplo
Código del ejemplo
Enlaces
Estos son enlaces que simulan botones.
Ejemplo
Código del ejemplo
Iconos
Esto son enlaces con forma de botón, pero con un icono en lugar de texto. Son útiles para tablas o listas responsive, donde no se dispone de espacio para mostrar texto.
Para crear estos botones, se usa la clase action-icon junto con las clases de botón.
Ejemplo
Código del ejemplo
Mini-formulario con forma de botón
A veces querremos enviar algún dato por el método HTTP POST al pulsar el botón con icono. Para ello, podemos
crear un pequeño formulario con un input type="image" tal y como se muestra
a continuación.
Al pulsar el botón, se realizará una petición POST a la URL indicada en el atributo
action del formulario, enviando el valor del campo oculto id.