Crear formulario de contacto usando HTML y PHP

El formulario de contacto es una parte muy esencial de cualquier sitio web. Los visitantes del sitio deben comunicarse con el propietario del sitio para diferentes fines. Al usar el formulario de contacto, los visitantes envían mensajes al administrador o al propietario del sitio con la información de contacto. El administrador o el propietario del sitio pueden responder a los visitantes después de leer y considerar la importancia de su mensaje. Puede crear un formulario de contacto para cualquier sitio de varias maneras. La forma en que puede crear un formulario de contacto simple y un formulario de contacto receptivo utilizando HTML, CSS, Bootstrap y PHP se ha mostrado en este tutorial.

Formulario de contacto simple

La forma de diseñar un formulario de contacto simple mediante el uso de HTML, CSS y PHP se ha mostrado en esta parte del tutorial.

Código HTML y CSS:

Crear un archivo PHP llamado simple_contact_form.php con el siguiente script para mostrar el formulario de contacto utilizando solo HTML y CSS. El script PHP se agregará más tarde para validar el formulario y mostrar los datos del formulario enviados.

FORMULARIO DE CONTACTO

Nombre


Correo electrónico


Mensaje

Ahora, corre el simple_contact_form.php Archivo desde el servidor. La siguiente salida aparecerá después de ejecutar el script.

Leer, validar e imprimir los datos del formulario usando PHP

Ahora, agregue el siguiente script PHP al comienzo del simple_contact_form.archivo php para validar los datos del formulario, leer los datos del formulario e imprimir los datos en el navegador. Cuando el usuario haga clic en el botón Enviar, los datos del formulario se verificarán para la validación utilizando el script PHP. Si los datos enviados serán validados, los datos se imprimirán en el navegador.

Código PHP:

Agregue el siguiente código PHP al comienzo del simple_contact_form.php archivo.

$ name = "";
$ nameerr = "";
$ correo electrónico = "";
$ emailerr = "";
$ mensaje = "";
$ Messageerr = "";
$ error = falso;
/ * Verifique los campos requeridos */
if (isset ($ _ post ['enviar']))

$ name = $ _post ['name'];
$ correo electrónico = $ _post ['correo electrónico'];
$ mensaje = $ _post ['Mensaje'];
if ($ name == "")

$ nameerr = "El campo no puede estar vacío.";
$ error = true;

else if (strlen ($ name) < 3)

$ nameerr = "El nombre debe ser más de 2 caracteres.";
$ error = true;

demás

$ nameerr = "";

if ($ email == "")

$ emailerr = "el campo no puede estar vacío.";
$ error = true;

más si (!Filter_var ($ correo electrónico, filter_validate_email))

$ emailerr = "dirección de correo electrónico no válida.";
$ error = true;

demás

$ emailerr = "";

if ($ mensaje == "")

$ Messageerr = "El campo no puede estar vacío.";
$ error = true;

else if (strlen ($ mensaje) < 10)

$ Messageerr = "El mensaje debe ser más de 9 caracteres.";
$ error = true;

demás

$ Messageerr = "";

if ($ error == falso)

$ name = $ name;
$ a = '[email protected] ';
$ from = $ correo electrónico;
$ temas = 'consulta';
$ Body = 'Hola,

'.$ mensaje.'

Gracias,
'.$ nombre;
Echo "para:".$ a."
De: ".$ de."
Sujeto: ".$ sujeto."

---

".$ cuerpo;


si(!isset ($ _ post ['enviar']) || $ error == Verdadero)

?>

Agregue el siguiente código PHP al final del simple_contact_form.php archivo.

?>

Si el formulario se envía manteniendo todos los campos vacíos, entonces aparecerá la siguiente salida.

Si el formulario se envía escribiendo menos de 9 caracteres en los campos de mensajes, aparecerá la siguiente salida.

Si el formulario se envía con todos los datos válidos, aparecerá la siguiente salida.

Al usar los códigos anteriores, puede crear fácilmente un formulario de contacto muy simple para su sitio. Pero este formulario no es un formulario de contacto receptivo. La forma de hacer que este formulario se haya mostrado en la siguiente parte de este tutorial.

Formulario de contacto receptivo

La mayoría de los sitios web están diseñados con características receptivas ahora. La forma de convertir el formulario de contacto simple previamente creado en un formulario de contacto receptivo mediante el uso de bootstrap se ha mostrado en esta parte del tutorial.

Código HTML:

Crear un archivo PHP llamado receptive_contact_form.php con el siguiente script para mostrar el formulario de contacto receptivo utilizando HTML y Bootstrap. El script PHP se agregará más tarde para validar el formulario y mostrar los datos del formulario enviados.

>