SummArg | Cursos y recursos para webmasters

Cómo construir un formulario elegante HTML5 paso a paso?

Nettuts+ nos trae un tutorial en donde utiliza HTML5, Javascript, jQuery, AJAX & PHP para lograr un elegante y moderno formulario cuyos datos son validados y enviados por correo. Uno de los puntos interesantes del tutorial, que hasta ahora no vimos en SummArg, es que utiliza HTML5 Boilerplate, el cual es un servicio que nos ofrece un sólido inicio de nuestra web proveyendo las librerías javascript (jquery y modernizr), .htaccess, robot.txt, un index.html y plantillas de estilo preparados para codear en HTML5 y CSS3. La opción Boilerplate Custom nos permite hacer algunas selecciones.

El tutorial se compone de varios pasos:

  • Paso uno: Preparando el espacio de trabajo.
  • Paso dos: El formulario, HTML.
  • Paso tres: El estilo, CSS.
  • Paso cuadro: Validación desde el servidor, PHP.
  • Paso cinco: Validar $_POST, la información de los campos.
  • Paso seis: Armar el HTML con la información para enviar por email.
  • Varios pasos extra indicando otros modos de validación.

 

Ofrecen todos los archivos del ejercicio para descargar.

Nettuts +

 

 

 

Dejar un comentario

  1. ¡Gracias por el enlace! ¡Muy útil!

  2. Gracias por tan buena explicacion..
    slds

Dejar un comentario