Hice un excelente formulario de contacto. ¿Cómo hago (usando HTML y CSS), que cuando alguien presiona ‘enviar’, me envían el formulario completo por correo electrónico?

HTML y CSS son lenguajes frontend, uno para el marcado y el otro para el estilo. Por lo tanto, es imposible usarlos para codificar la funcionalidad de un formulario de contacto.

Para lograr lo que necesita, deberá utilizar un lenguaje de fondo, como PHP, por ejemplo.

Digamos que este es su código HTML:

Su PHP debería verse así:

<? php
$ nombre = $ _POST [‘nombre’];
$ email = $ _POST [‘correo electrónico’];
$ mensaje = $ _POST [‘mensaje’];
$ subject = $ _POST [‘subject’];
$ from = ‘From: $ nombre’;
$ to = ‘Y [correo electrónico protegido] ‘;
$ subject = ‘$ subject’;
$ body = “De: $ name \ n Correo electrónico: $ email \ n Mensaje: \ n $ mensaje”;
(correo ($ a, $ asunto, $ cuerpo, $ de)) {
?>

Estoy seguro de que hay mejores maneras de hacerlo, no he codificado en PHP desde hace unos años, pero este es el gesto general.

la función php mail () es un excelente lugar para comenzar; puede enviar un mensaje simple con muy poca comprensión de los encabezados, los tipos de contenido, pero puede ampliar sus ofertas iniciales cuando obtenga más información.

correo ($ a, $ asunto, $ mensaje, $ encabezados);

Es bastante explicativo y los encabezados son opcionales.

Como explicaron los demás, no puedes hacerlo solo con HTML y CSS. Necesita algún tipo de secuencia de comandos para recopilar el contenido del mensaje y enviar el correo electrónico.

El idioma que usa depende de lo que sabe y del tipo de servidor que usa para el alojamiento. PHP sería una opción común en un servidor Linux. Si usa PHP, desearía obtener un script de una fuente confiable. Es fácil crear vulnerabilidades de seguridad en su sitio si hay problemas con el script. También debe asegurarse de configurarlo de tal manera que no cree accidentalmente una retransmisión de correo abierto.

Si no está familiarizado con PHP (o un lenguaje alternativo), recomendaría usar un servicio externo que le permita insertar el formulario en su sitio. Online Form Builder es uno de esos servicios.

Alternativamente, si utiliza un CMS como WordPress, hay muchos complementos disponibles para proporcionar este tipo de funcionalidad. Yo uso formularios formidables

Tienes que pensarlo paso a paso:
1. Analice esas entradas como un texto o archivo o lo que quiera.
2. Si desea utilizar gmail, configure SMTP según la plataforma que esté utilizando (por ejemplo, PHP, Perl, Python).
3. Finalmente jadea la respuesta por correo. A través del cual puede estar seguro de que tiene éxito o no.

¡Felicidades Abe!

Ahora viene la segunda parte: interacción con el usuario

La forma más fácil y única de OBTENER un correo electrónico usando solo HTML y CSS es:

[correo electrónico protegido “” Enviar

o lo mismo con una ligera variante:

Espero eso ayude

No puede hacerlo solo con HTML / CSS, estos lenguajes de marcado se usan para el estilo del sitio web, no para la funcionalidad. Sugeriría usar una biblioteca de terceros con PHP, como SwiftMailer. Está orientado a objetos y es fácil de usar.

A continuación, debe tener un servidor smtp, que enviará estos correos electrónicos. Nunca lo usé, pero MailChimp podría ser algo bueno para usar.

Entonces puedes hacer algo como esto

if ($ exitoso) {
// cuida tu forma aquí

// envía el correo electrónico
} más {
// regresa con errores
}

¿Qué quieres decir con html y CSS? ¿Lo hiciste en papel? Aquí hay un buen tutorial para ayudarlo. Cómo enviar correos electrónicos en PHP usando la función Mail ()

Supongo que uniste tu formulario con alguna herramienta de diseño, probablemente Photoshop. Como han dicho otros, el formulario se verá bonito pero no funcionará en absoluto sin conectarlo a un sistema de correo electrónico.

Por lo tanto, deberá contar con la ayuda de un desarrollador o estudiar cómo un formulario entrega correo, lo que significa que tendrá que aprender un poco sobre los servidores, las secuencias de comandos y cómo funciona y se entrega el correo electrónico.

HTML y CSS no pueden enviar correos electrónicos. Puede hacerlo desde el lado del servidor usando PHP, Ruby … Si lo desea desde el lado del cliente, puede usar algún servicio de terceros y Javascript.

More Interesting

¿Cuáles son los beneficios de usar complementos y plantillas sobre la codificación sin procesar al desarrollar un sitio web?

¿Soy terco al no querer aprender bootstrap y jQuery, sino aprender la fuente, CSS y JavaScript?

Cuando tenía 14 años, tomé una clase de HTML. No he usado HTML en más de 10 años. ¿Debo codificar desde cero o usar estos marcos calientes como Foundation?

Después de mucha investigación, decidí construir mi sitio web usando Drupal. ¿Cómo puedo determinar la estructura de mi sitio web (métodos y técnicas clásicas)? ¿Cuáles son los pasos necesarios para crear un sitio web con Drupal (sitios web o libros para consultar)?

Soy un desarrollador con una idea para una aplicación web, ¿cómo puedo decidir si vale la pena buscarla?

Hice una copia de seguridad y restauración de una colección de sitios de SharePoint de una aplicación web a otra, ¿el sitio raíz tenía un formulario de ruta de información al que no se puede acceder ahora?

Cómo aprender el desarrollo front-end (lo básico) en una semana

Quiero desarrollar un archivo html, haciendo clic para obtener la especificación de la computadora y almacenarla en un archivo de texto. ¿Es posible? ¿Qué prog. ¿idioma?

Quiero crear una aplicación con un motor de aplicación de Google, ¿por dónde empiezo?

Cómo usar 'esta' palabra clave en JavaScript

Tengo 15 años y quiero aprender desarrollo web. Tengo una comprensión básica de html, CSS, JavaScript, y estoy aprendiendo Rails. ¿Cuánto tiempo debería pasar antes de que sea un desarrollador en funcionamiento y qué debo aprender?

Tengo tiempo para dedicarme a un campamento de entrenamiento y me preguntaba si Bloc es una herramienta que un "novato" podría seguir.

Cómo usar Firebase para mi aplicación Ionic v1

Cuando busco en Google "000000..000001", ¿por qué recibo el mensaje "Nuestros sistemas han detectado tráfico inusual de la red de su computadora. Por favor intente su solicitud más tarde"?

Cómo seleccionar todos los elementos de un grupo por categoría y obtener los datos como una matriz en Laravel