Haz más bonito tu formulario en sólo cuatro pasos

Prettyforms
Flickr: Prettyforms

Una vez hemos hecho nuestro formulario, nos toca darle un poco de estilo. Pero esta tarea no a todos nos sale bien, ya que hay momentos en los que no se nos ocurre nada, o nos faltan conocimientos, o incluso tiempo.

Pero gracias a Patrick Ryan (Agave Group), podemos ponerle unos bordes redondeados para conseguir un efecto muy 2.0. Aquí puedes ver un ejemplo online.

Cómo implementarlo en nuestra web:

1.- Descarga el comprimido (zip) con todos los archivos.

2. Sube las imagenes y los archivos .js (javascript) y .css (estilos) a tu servidor.

3. Indica en la cabecera de tu documento, ya sabes entre las etiquetas <head> y </head>, la llamada a los archivos:

<script type="text/javascript" src="[tu ruta aqui]/prettyForms.js"></script>
<link rel="stylesheet" href="[tu ruta aqui]/prettyForms.css" type="text/css" media="screen" />

4. Coloca en la etiqueta <body> una llamada a la función javascript:

<body onload="prettyForms()">

Y nada más, con eso ya te debería aparecer un formulario de lo más bonito! :P

P.D. Acordaros de visitar el artículo original de Patrick Ryan [en]

  • 2 abril 2009
  • Maquetación
  • ,

9 comments on “Haz más bonito tu formulario en sólo cuatro pasos”

  1. hola como estan bueno yo la verdad no se mucho y pude lograr colocar un formulario en español. Pero ahora estoy necesitanado ayuda para colocar un formulario pero que cuando llegue la info al correo llegue en ruso y sinembargo me sale ????? alguien me podria ayudar.
    muchisimas gracias

  2. se cerró mi correo de hotmail y me dicen que llene un formulario que no encuentro en ningun lado y todos los ejemplos para «hacer» uno, los entiendo menos creo que estoy mu burra para esto peero me interesa recuperar mi cuenta de correo electrónico que puedo hacer? gracias

  3. Hola sabes me parecio super interesante el script y lo estoy utilizando y funciona para la mayoria de las propiedades de un FORM, sin embargo al agregar un campo type=password no muestra ningun cuadro esto por que en el arhivo prettyForms.js no viene la opcion para password, si supiera js lo arreglaria pero no se :P .
    asi qu como conclusion pretty forms no permite campos de contraseña
    saludos naty

    1. busca en internet sobre los sexyform esa es una libreria que embellece los elementos de un formulario y ahi si esta el de password es bien completo y funcional

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *