Contenido

jqTransform, formularios más elegantes con jQuery

27 May

+ 5

El otro día vimos Sexy Forms, un plugin para MooTools que nos permitía mejorar estéticamente los formularios de nuestras aplicaciones. jqTransform, es un plugin de jQuery que consigue más o menos lo mismo.

jqtransform
(Ver Imagen)

Implementación

Como todos los plugins de los diferentes frameworks, la implementación es realmente sencilla.

Añadimos los ficheros Javascript necesarios

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>

Escribimos nuestro formulario

<form class="jqtransform">
  <div class="rowElem">
    <label for="name">Name: </label>
    <input type="text" name="name" />
  </div>
  <div class="rowElem"><input type="submit" value="send" /><div>
</form>

Indicamos el formulario anterior debe ser más elegante 😀

<script type="text/javascript">
$(function() {
    $("form.jqtransform").jqTransform();
});
</script>

Descargar

Puedes descargarlo directamente desde aquí.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.