Formulario de contacto sencillo con HTML5, CSS y PHP

Realizaremos un formulario de contacto de manera simple utilizando HTML5, CSS y PHP. Ggracias al lenguaje HTML5, las etiquetas utilizadas son mucho más intuitivas y fáciles de leer, a diferencia de las versiones anteriores, donde se utilizaban divs para crear bloques, ahora los diferenciamos con etiquetas fácilmente reconocibles como head, header, section, article, footer, entre otras…

ESTRUCTURA HTML
Creamos el index.html:





EL FORMULARIO
Creamos un formulario con tres campos: Nombre, Correo electrónico y mensaje. Este código lo tenemos que incluir dentro de la etiqueta section.





EL CSS
Aplicaremos los estilos al formulario, para ello crearemos el archivo style.css e incluir el siguiente código en él. Modificalo a tu gusto.

PHP
Creamos el archivo contact.php.

 

facebook Formulario de contacto sencillo con HTML5, CSS y PHPtwitter Formulario de contacto sencillo con HTML5, CSS y PHPgoogle Formulario de contacto sencillo con HTML5, CSS y PHPdiggit Formulario de contacto sencillo con HTML5, CSS y PHPpinterest Formulario de contacto sencillo con HTML5, CSS y PHPlinkedin Formulario de contacto sencillo con HTML5, CSS y PHPprint Formulario de contacto sencillo con HTML5, CSS y PHPemail Formulario de contacto sencillo con HTML5, CSS y PHPSi te gusto, comparte el articulo.

Artículos Relacionados

36 Comentarios

  1. dolar blue
    20 enero, 2015
  2. sergio
    21 enero, 2015
  3. Sarina Bolaños
    14 abril, 2015
  4. Sergio
    14 abril, 2015
  5. Santi
    5 junio, 2015
  6. Sergio
    6 junio, 2015
  7. TATE
    10 junio, 2015
  8. catalinamente
    24 junio, 2015
  9. Laura
    11 julio, 2015
  10. Javier
    29 julio, 2015
  11. MissVieM
    3 agosto, 2015
  12. Sonia
    4 agosto, 2015
  13. Juan Carlos
    26 agosto, 2015
  14. Sergio
    27 agosto, 2015
  15. Blanca
    17 septiembre, 2015
  16. Victor
    22 septiembre, 2015
  17. Anton
    24 septiembre, 2015
  18. juan
    25 septiembre, 2015
  19. Sergio
    11 noviembre, 2015
  20. abraham
    12 noviembre, 2015
  21. Monica
    13 noviembre, 2015
  22. Daniel
    15 noviembre, 2015
  23. Sergio
    1 diciembre, 2015
  24. Ventura
    4 diciembre, 2015
  25. Mai
    4 diciembre, 2015
  26. Sergio
    7 diciembre, 2015
  27. Sergio
    7 diciembre, 2015
  28. Sergio
    7 diciembre, 2015
  29. Oscar
    11 diciembre, 2015
  30. Fernando
    11 diciembre, 2015
  31. marcelo
    6 enero, 2016
  32. Remedios
    5 junio, 2016
  33. Juan ZGZ
    30 junio, 2016
  34. sergio
    31 julio, 2016
  35. sergio
    2 agosto, 2016
  36. Emmanuel
    20 septiembre, 2016

Agregar comentario


*

Recibe nuestro newsletter

Suscribete a nuestro newsletter y mantente informado con nuestros últimos artículos, noticias y más. Todo completamente gratis.