Es un formato mediante el cual los visitantes de un sitio, puede realizarle preguntas o comentarios a los propietarios de los sitios web. Por lo general, incluye campos como nombre, dirección de correo electrónico, asunto y mensaje. Dicho formulario puede ser enviado a través de un script o programa, el cual se encarga de procesar la información recibida por el sitio web.
Los formularios de contacto, al permitir enviar consultas sobre determinado tema, facilitan la interacción y se fomenta la participación del usuario. Son una forma eficaz de recopilar información sobre los usuarios.
Por otra parte, los formularios de contacto permiten ayudar a automatizar el proceso de atención al cliente y a gestionar de manera más eficiente las peticiones de los usuarios. Al tener un formulario de contacto en lugar de un correo electrónico directo, se pueden organizar y categorizar de mejor manera las solicitudes, lo que facilita su seguimiento y resolución.
Seguimos conociendo un poco más, PHP permite generar páginas dinámicas, interactuar con bases de datos y enviar formularios de contacto, entre otras cosas que se puede hacer con este lenguaje de programación. Se ejecuta en el servidor web y puede interactuar con HTML, CSS y JavaScript para crear sitios web interactivos. Por otra parte, Ajax es una tecnología que permite actualizar parte de una página web sin necesidad de recargarla por completo. En el siguiente ejemplo se envían los datos al archivo PHP save_contact.php, mediante AJAX el archivo PHP guarda los datos en un archivo de texto contacts.txt y devuelve un mensaje de éxito. Este mensaje se muestra en el elemento #response en la página HTML.
HTML:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Contact Form</title></head><body><form id="contact-form" method="post"><input type="text" name="name" placeholder="Name"><input type="email" name="email" placeholder="Email"><textarea name="message" placeholder="Message"></textarea><button type="submit">Submit</button></form><div id="response"></div><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script src="script.js"></script></body></html>
PHP:
if($_SERVER["REQUEST_METHOD"] == "POST") {$name = $_POST['name'];$email = $_POST['email'];$message = $_POST['message'];// Save the contact form data to a file or database$filename = 'contacts.txt';$contact = "Name: $nameEmail: $emailMessage: $message";file_put_contents($filename, $contact, FILE_APPEND);echo "Your message has been sent successfully!";}
AJAX:
$(document).ready(function(){$('#contact-form').submit(function(e){e.preventDefault();var formData = $(this).serialize();$.ajax({type: 'POST',url: 'save_contact.php',data: formData,success: function(response){$('#response').html(response);}});});});