Agradable para un formulario php de lista de miembros hombre. Crear un formulario de comentarios en PHP

Saludos querido lector, hoy he preparado para ti un delicioso formulario de comentarios html que funciona sin recargar la página usando tecnología Ajax + un poderoso disparador que motivará a tus visitantes a usar el formulario. Los lectores de mi blog discutieron muy activamente mi artículo anterior en la página de destino, ahora estamos evaluando y analizando el nuevo formulario finalizado. Todo lo necesario código fuente y demostración adjuntos en el artículo , también analizaremos la estructura de trabajo y conexión.

ACTUALIZACIÓN: Se corrigió un error con la codificación del nombre en la línea de asunto. Ahora todo se muestra correctamente. Agradecemos al lector (Ekaterina Karacheva)

El formato del formulario en sí también incluye un archivo de controlador en PHP. Además, necesitará una biblioteca jquery y scripts para funcionar, pero primero, no lo cargaré por mucho tiempo; pasemos a la revisión y análisis; de nuestros comentarios.

Formulario de comentarios HTML: estructura de trabajo

Nuestro formulario se ve así:

¿Cuál es el punto aquí? Existe un formulario de este tipo en el lado derecho, pero en el lado izquierdo hice un bloque especial que alentará a su visitante a ingresar su información de contacto de inmediato. El secreto es simple: ¿ves la fecha y la hora en el bloque de la izquierda? La fecha de hoy se mostrará todo el tiempo, con el tiempo el rango de estas dos horas se calcula a partir de la hora actual, digamos que si su hora ahora son las 13:14, entonces el rango de horas será: de 12 a 14. Mire cómo funciona)))

El visitante verá: guau, hoy hay descuento, y llegué justo a tiempo, ¡también hay descuento! ¡Debe tomarlo inmediatamente! - Este es nuestro detonante.

Descargué el código fuente del formulario de comentarios html, miré la demostración; creo que ya jugué lo suficiente)) Ahora, lo más importante, el principio de funcionamiento:

La validación de los campos en el formulario de entrada se produce en el archivo del controlador. contacto.php A continuación, en la lista del código del programa, puede ver que en el formulario aparece un mensaje sobre errores y envío exitoso de la carta, así es como se ve después del envío:

Código fuente del controlador de formulario

Pegar en línea 52 su correo electrónico, por lo que todas las cartas se enviarán al correo electrónico especificado.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

< 1) { $error .= "Введите ваше сообщение. <".$tel."> ".$error." "; } } ?>

"; ) // Función de verificación del teléfono ValidateTel($valueTel) ( $regexTel = "/^(7,12)$/"; if($valueTel == "") ( return false; ) else ( $string = preg_replace( $regexTel, "", $valueTel); return vacío($cadena) ? verdadero: falso ) if(!$tel) ( $error .= "Ingrese el número de teléfono.
"; ) if($tel && !ValidateTel($tel)) ( $error .= "Ingrese un número de teléfono válido.
"; ) if(!$error) // Comprobar mensaje (longitud) if(!$message || strlen($message)< 1) { $error .= "Введите ваше сообщение.
";// Esta línea establece una restricción mínima en la escritura de cartas. ) if(!?utf-8?b?". base64_encode($name) ."?="; $message ="\n\nName: " .$ nombre."\n\nNúmero de teléfono: " .$tel."\n\nMensaje: ".$mensaje."\n\n" $correo = correo(" [correo electrónico protegido]", $asunto, $mensaje, "De: ".$nombre_tema."<".$tel.">"."Responder a: ".$correo electrónico." "." X-Mailer: PHP/" . phpversion()); if($mail) ( echo "OK"; ) ) else ( echo "

"; } } ?>

Rendimiento del formulario

Para recibir cartas en su buzón, cambie la línea que mencioné anteriormente. Te aconsejo que utilices el correo gmail.com, no hay retrasos ni obstáculos a la hora de recibir una carta generada desde el formulario. Te lo advertí, porque... Los lectores tenían muchas preguntas (las cartas no llegan a mail.ru). Ten cuidado con esto.

Completamos todos los campos, tenga en cuenta que el número de teléfono se ingresa con un 8; escribí específicamente el número con un ocho "89251122333" en la información sobre herramientas. Al ingresar un carácter «+» Aparecerá un mensaje de error. Si alguien lo necesita, es fácil agregarlo al controlador. «+» .

Formulario completado con datos de prueba.

Carta en el buzón

Como puede ver, recibimos la carta con los tres campos que fueron completados y enviados. El encabezado de la carta "Solicitud del sitio del sitio" cambia en el controlador contacto.php

Todo funciona bien, será un placer escuchar tus comentarios (críticas constructivas) en los comentarios, si tienes alguna dificultad y no puedes hacer frente a algo, no dudes en escribirme a VK (lo encontrarás en los datos de contacto). ). Espero que les haya gustado el diseño y la funcionalidad de esta simbiosis de un formulario de comentarios (solicitud de servicios, aplicación) y un disparador que llama a la acción. Buena suerte a todos en su trabajo y actitud positiva, adiós))

Elaborado con el apoyo de

Hoy trabajaremos en la creación de un hermoso formulario de comentarios HTML para el sitio, que se ejecutará en PHP y tendrá protección contra spam incorporada. No necesitas ningún conocimiento especial; los conceptos básicos de HTML y lógica básica serán suficientes. Le proporcionaré archivos listos para usar que puede insertar en el sitio sin cambios o ajustarlos a sus necesidades.

Recientemente escribí un artículo sobre cómo crear uno usando el complemento Contact Form 7. También puedes crear fácilmente un formulario de comentarios en Joomla y otros CMS populares.

Pero, ¿qué deberían hacer los sitios que no utilizan CMS populares? – Sólo queda hacer todo a mano.

Además, también es posible utilizar comentarios sin complementos para WordPress. Los complementos innecesarios crean una carga significativa en los servidores y eliminarlos le permite acelerar el sitio.

Puede solicitar la instalación y configuración del formulario terminado por 500 rublos aquí (esto es para aquellos que son demasiado vagos para trabajar con las manos o no tienen habilidades suficientes).

Cómo funciona el formulario de comentarios HTML

Nuestro formulario tendrá 5 campos para ingresar datos: nombre, dirección de correo electrónico, número de teléfono, dirección del sitio web, texto del mensaje (puede eliminarlos o cambiarlos usted mismo).

Todos los campos excepto la dirección del sitio web serán obligatorios (también puedes configurarlo tú mismo).

Para los campos con dirección de correo electrónico y sitio web, se realizará una verificación obligatoria de la exactitud de la entrada de datos.

La forma final de comunicación se verá así:

Un formulario de contacto creado en html requiere 3 elementos para funcionar.

El primero es responsable de la estructura del formulario en sí, el tipo y número de campos de entrada de datos. Este es un código html normal.

El segundo se encarga de procesar los datos que el usuario ingresa en los campos del formulario. Determina qué, dónde y en qué forma enviar después de presionar el botón de enviar. Se utiliza un script PHP especial para la implementación.

El tercero es responsable de la apariencia. Establece el tamaño y la ubicación de los campos de entrada de datos, agrega varios colores y efectos. Todo esto está configurado por estilos CSS.

Versión de demostración del formulario

Lo guiaremos paso a paso en la configuración de cada uno de estos elementos.

Crear un diseño HTML

Para no alargar demasiado el artículo y no añadir cada elemento por separado, proporcionaré el código html completo, y a continuación describiré cada bloque y sus posibles cambios.

La etiqueta se utiliza para designar formularios en HTML.

, dentro del cual se completan los parámetros necesarios.

Nombre:

Correo electrónico: Formato correcto" [correo electrónico protegido]"

Teléfono: El formato correcto es "+7-123-4567890"

Sitio web: El formato correcto es "http://someaddress.com"

Texto del mensaje:

enviar mensaje

Nombre: "Ingresa tu nombre" requerido /> Correo electrónico: "Ingrese su dirección de correo electrónico" requerido /> Teléfono: "Ingrese el número de teléfono" requerido /> El formato correcto es "+7-123-4567890" Sitio web: "Ingrese la dirección de su sitio web" patrón = "(http|https)://.+" /> El formato correcto es "http://someaddress.com" Texto del mensaje: enviar mensaje

Comencemos con la primera línea.

clase="formulario_contacto"– especifique la clase para establecer estilos CSS en el futuro.

acción = "formulario-contacto.php"– indicar el nombre del archivo con el script que procesará los datos del formulario y enviará el mensaje. Si el archivo está en la misma carpeta que la página con el formulario, entonces basta con indicar solo el nombre del archivo; si está en una carpeta diferente, deberá indicar la ruta al archivo.

Luego vienen 4 cuadras

Responsable de mostrar los campos para la entrada de datos, los nombres dejan claro cuál es responsable de qué. Los campos en sí se muestran mediante etiquetas. , dentro del cual se establecen las siguientes características:

Tipo– es responsable del tipo de datos ingresados, texto – texto sin formato, correo electrónico – dirección de correo electrónico, dichos campos se verifican automáticamente para verificar su exactitud (@ debe estar presente), tel – número de teléfono, url – dirección del sitio web.

Nombre– el nombre propio del elemento en sí, es necesario para que el script sepa utilizar los datos de cada campo. Si crea varios campos del mismo tipo, deberá asignar a cada campo su propio nombre.

Marcador de posición– esta es una información sobre herramientas ubicada dentro del campo, texto que reemplaza el campo vacío del elemento. Se puede cambiar o eliminar; no afecta el funcionamiento del formulario.

Requerido– este parámetro indica que el campo es obligatorio. Puedes decidir por ti mismo qué elementos son necesarios y cuáles no.

patrón =”(http|https)://.+”– esta construcción sirve para comprobar la exactitud del campo del sitio web, indicando que la dirección debe contener http://texto o https://texto, de lo contrario habrá un error.

Algunos campos tienen información sobre herramientas que aparece cuando selecciona un elemento. ella esta herida , donde form_hint es la clase del elemento (sus propiedades están escritas en CSS). Puede configurar cualquier texto en la información sobre herramientas para cada campo del formulario de contacto. Si no necesita dicha función, simplemente elimine la etiqueta completa.

Los campos para ingresar el mensaje en sí están marcados con la etiqueta , en el que cols especifica el número de caracteres en el ancho del campo y filas especifica el número de líneas.</p><p><b>Protección contra spam</b>– campo invisible llamado nombre=bezspama. Tiene el estilo display:none: esto significa que el campo es invisible para las personas, pero los robots lo completarán automáticamente.</p><p>Y el elemento final de cualquier formulario es el botón enviar mensaje, está especificado por la etiqueta <button> </button>, que tiene su propia clase para personalizar la apariencia y el tipo de "envío".</p><p>Para agregar o eliminar campos, simplemente elimine los innecesarios o inserte otros nuevos por analogía con los existentes, especificando todas las propiedades y nombres para ellos.</p><h2>Decorar con estilos CSS</h2><p>Si miras el resultado en un navegador, verás algo torpe y poco atractivo. Para que podamos obtener un hermoso formulario de comentarios, tendremos que trabajar en sus estilos (html no será suficiente).</p><p>Si conoce CSS, podrá configurar el diseño para todos los elementos del formulario sin ningún problema, ni siquiera necesita mi ayuda.</p><p>Si no está familiarizado con los estilos, simplemente le daré un archivo ya preparado en el que todo está escrito de tal manera que su formulario será idéntico al del ejemplo.</p><p>Puede conectar estilos de dos maneras:</p><ol><li>Copie el contenido del archivo en el archivo style.css que ya está en su sitio (agregue al final)</li><li>Coloca el archivo que te di en tu hosting y conéctalo.</li> </ol><p>Los archivos de estilo están conectados usando el siguiente código. <link rel=”stylesheet” media=”screen” href=”styles.css” >, colocado dentro <head></head>. Si el archivo con estilos (styles.css) no se encuentra en la misma carpeta que la página html, escriba la ruta completa.</p><p>En el archivo de estilo que le proporcioné, cada elemento está etiquetado, por lo que puede realizar cambios: cambiar colores, tamaños, formas y efectos. Teniendo los conocimientos más básicos, podrás editarlo fácilmente.</p><h2>Configuración de código PHP (protección antispam agregada)</h2><p>Al igual que con los estilos, le proporcionaré un código listo para usar que procesa el formulario de comentarios HTML y lo protege contra el spam. Este archivo está personalizado para una configuración específica y si desea establecer nuevos campos o eliminar los existentes, deberá realizar cambios en él. Por eso, te contaré cómo funciona para que entiendas qué es necesario cambiar.</p><blockquote><p>Para los sitios que utilizan la codificación windows-1251 y la versión php 5.4+, deberá agregar una adición al código relacionado con la función htmlspecialchars. Lo mostraré a continuación. De lo contrario, aparecerán campos vacíos en lugar del alfabeto cirílico.</p> </blockquote><p>Recuerde, en las propiedades del formulario (en el archivo html) especificamos el parámetro action=”contact-form.php”. Debe crear un archivo llamado contact-form.php y colocar el siguiente código en él.</p><p><?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $tel = htmlspecialchars($_POST["tel"]); $website = htmlspecialchars($_POST["website"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "pochta@kakoy-to-sajt.com"; $sub = "Сообщение с сайта ХХХ"; /* Формат письма */ $mes = "Сообщение с сайта ХХХ.\n Имя отправителя: $name Электронный адрес отправителя: $email Телефон отправителя: $tel Сайт отправителя: $website Текст сообщения: $message"; if (empty($bezspama)) /* Оценка поля bezspama - должно быть пустым*/ { /* Отправляем сообщение, используя mail() функцию */ $from = "From: $name <$email>\r\n Responder a: $correo electrónico \r\n"; if (correo($dirección, $sub, $mes, $de)) ( encabezado("Actualizar: 5; URL=https://sitio") ; eco " <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body>";) else ( encabezado("Actualizar: 5; URL=https://sitio"); echo " <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body>";) ) exit; /* Salir sin mensaje si el campo bezspama está lleno de spam bots */ ?></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p><?php </p><p>/* Establecer variables */</p><p>$nombre = htmlspecialchars($_POST["nombre"]);</p><p>$correo electrónico = htmlspecialchars($_POST["correo electrónico"]);</p><p>$tel = htmlspecialchars($_POST["tel"]);</p><p>$sitio web = htmlspecialchars($_POST["sitio web"]);</p><p>$mensaje = htmlspecialchars($_POST["mensaje"]);</p><p>$bezspama = htmlspecialchars ($_POST [ "bezspama" ] );</p><p>/* Su dirección y asunto del mensaje */</p><p>$sub = <span>"Mensaje del sitio XXX"</span>; </p><p>/* Formato de letra */</p><p>$mes = <span>"Mensaje del sitio XXX.\n</p><p>Nombre del remitente: $nombre</p><p>Dirección de correo electrónico del remitente: $email</p><p>Número de teléfono del remitente: $tel</p><p>Sitio web del remitente: $sitio web</p><p>Texto del mensaje:</p><p>$mensaje" ;</p><p>si (vacío ($bezspama) ) <span>/* Campo de evaluación bezspama - debe estar vacío */</p><p>/* Enviar un mensaje usando la función mail() */</p><p>$de = <span>"De: $nombre<$email>\r\n Responder a: $correo electrónico \r\n"</span>; </p><p>if (correo ($dirección, $sub, $mes, $de)) (</p><p>encabezamiento();</p><p>eco " <head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>La carta ha sido enviada, en 5 segundos volverás a la página XXX<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body>" </span>; } </p><p>demás(</p><p>encabezado ( <span>"Actualizar: 5; URL=https://sitio"</span>) ; </p><p>eco " <head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>El correo electrónico no fue enviado, en 5 segundos regresará a la página YYY<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body>" </span>; } </p><p>salida ; <span>/* Salir sin mensaje si el campo bezspama está lleno de robots de spam */</p> </td> </tr></table><p>En primer lugar, debemos configurar las variables que serán procesadas por el código PHP. Para no confundirnos, les asignamos los mismos nombres que tenían en el formulario, solo que todas las variables comienzan con el signo $. El comando de asignación de valor en sí tiene este aspecto:</p><p>$título = htmlspecialchars($_POST["título"]);</p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p>$título=htmlspecialchars($_POST["título"]);</p> </td> </tr></table><p>Si agregó campos de datos adicionales, agregue sus nombres en el bloque de variables.</p><p>No tomamos todas las variables del formulario. Como mínimo, la dirección de correo electrónico a la que se enviará la carta (su dirección) se indica por separado. En este caso, esta es la variable $address: ingrese su dirección de correo electrónico en su valor.</p><p>Además, en este ejemplo, el valor de la variable $sub se establece explícitamente: mostrará el asunto de la carta. Puede agregar el asunto del mensaje al formulario HTML como un campo de texto (como el nombre) y tomar el valor de esta variable desde allí.</p><p>En el bloque de formato de carta configuras el mensaje que recibirás. Puede diferir de lo que se escribió en el campo del área de texto llamado mensaje. Simplemente creé otra variable $mes e incluí texto adicional y datos importantes del remitente (nombre, correo electrónico, teléfono, sitio web) en ella. Puedes configurar esta parte como desees.</p><p>Para garantizar que las cartas que recibe estén firmadas con el nombre del remitente e incluyan su dirección de devolución, y no la dirección del servidor en el que se encuentra su archivo php, configuramos una nueva variable $from, que incluye el nombre y el correo electrónico del remitente de la carta.</p><p>Luego, la función de correo envía la carta de acuerdo con los parámetros especificados. Si se envía correctamente, aparece un mensaje indicando que la carta ha sido enviada y, después de 5 segundos, el usuario es redirigido a una página de su sitio web (puede cambiar la dirección de la página y el tiempo de demora). Si no se pudo enviar la carta, aparece un mensaje de que la carta no fue enviada y después de 5 segundos va a la página del sitio. De la misma manera, puede configurar la dirección y la hora de la página.</p> <h2>Insertar un formulario en una página web</h2><p>Para insertar el formulario de comentarios que creó, debe copiar el código html del formulario y pegarlo en la parte del código de la página donde desea mostrar los comentarios del sitio.</p><p>Una vez más, me gustaría recordarles que si el archivo con el programa PHP no está en la misma carpeta que la página en la que se encuentra el código html, entonces en el código del formulario debe escribir la ruta completa. , de lo contrario no funcionará, ya que el formulario no encontrará el controlador de archivos.</p><p><b><span>Descargar archivos de formulario de contacto</span> </b></p><h2>Antispam activo con entrada de datos en el campo</h2><p>Los spammers operan utilizando varias herramientas de software y algunos bots pueden eludir la protección de campo vacío integrada en la versión básica. Si empiezan a molestarte, puedes utilizar una protección simple o, además, ingresar datos en un campo especial. Por ejemplo, cree una expresión matemática pidiéndole que ingrese una respuesta o haga una pregunta sencilla. Esto no requerirá grandes cambios de forma.</p><p>Le mostraré cómo cambiar el código del formulario y el controlador PHP para usar este método antispam. Si lo desea, no puede cambiar la protección con un campo vacío, pero agregue las líneas correspondientes al código y tendrá 2 métodos funcionando simultáneamente; en teoría, debería ser más eficiente.</p><p>En primer lugar, debemos agregar un campo de entrada y una pregunta al código HTML. Ya tenemos como base la línea 25 (input name = “bezspama”). Este campo es invisible. Lo convertimos en ordinario. Para hacer esto, cambie toda la línea a este bloque:</p><p><p> <label for="bezspama">2+2*2=:</label> <input name="bezspama" type="text" required /> </p></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p><p><label for = "bezspama" > 2+2*2=: </label> </p><p><input name = "bezspama" type = "text" required /> </p> </p> </td> </tr></table><p>En lugar de la expresión matemática 2+2*2, puede ingresar cualquier dato; esta es una pregunta visual para el usuario. Eliminamos el estilo display: none del campo de entrada y agregamos relleno obligatorio.</p><p>El siguiente paso es cambiar los datos en el controlador PHP para que verifique no el vacío de este campo, sino la exactitud de los datos ingresados. Comprobamos la línea 25 con la expresión vacía ($bezspama). Cambiamos esta expresión y comprobaremos si el campo completado es igual a un número predeterminado. En mi ejemplo, la expresión matemática es 6, por lo que toda la línea se verá así.</p> <p>Hola, chicos. Seryoga está en contacto. Sé que hace mucho que no escribo: cosas que hacer, cosas que hacer... Y ahora, para ser honesto, no tengo tiempo para nada. Y haremos el formulario no según mi lección, sino según las lecciones de mi amigo. <a target="_blank" href="http://www.youtube.com/channel/UC7adbVu6XjmCnGyUml-O-xw?sub_confirmation=1">Krotova Romana</a>.</p> <p><b>Crear un formulario de comentarios para el sitio.</b> seremos consistentes. Por tanto, este artículo se dividirá en 3 lecciones.</p> <p>Simplemente lo ingresaremos en HTML y crearemos un controlador PHP para enviar cartas. Todo será coherente, desde cero hasta el resultado. Para que entiendas todo y puedas insertar tú mismo los campos necesarios.</p> <p>Roma te mostrará cómo cargar Ajax. Es decir, enviar datos desde el formulario sin recargar la página. Lo cual, como ve, es muy cómodo y moderno.</p> <p>Bueno, en el tercero. <b>(la lección se está preparando; habrá un enlace aquí más adelante)</b>, incorporaremos una verificación de validación. No usando el navegador, sino usando scripts especiales.</p> <h2>Video 1. Creación de un formulario de comentarios para el sitio.</h2> <p>¡Por favor preste atención! Para que el formulario funcione es necesario que tu hosting soporte PHP.</p> <p><span class="X_kZCHrhXJI"></span></p> <p>Si tiene alguna pregunta sobre puntos poco claros al escribir un formulario para enviar cartas, no dude en plantearlas en los comentarios.</p> <h3>Código de la lección sobre cómo crear un formulario de comentarios</h3> <p><b>Esto es con lo que terminamos en el archivo index.php</b></p> <p>Déjame recordarte lo que contiene. <i>formulario de comentarios sencillo</i>. Sin decoración ni otras campanas y silbidos. Para no sobrecargarte con información innecesaria.</p><p> <html> <head> <meta charset="utf-8"/> </head> <body> <form action="/testform/submit.php" method="POST"> <input name="email" placeholder="Correo electrónico"> <input name="name" placeholder="Nombre"> <input name="phone" placeholder="Teléfono"> <textarea name="message" placeholder="Mensaje">

Contenido del archivo submit.php:

Aquí se realiza una comprobación básica del formulario para asegurar que esté completo, para no enviar mensajes vacíos. Si todo está “bien”, se envía la carta. Y hay una redirección a una página de notificación sobre el envío exitoso de la carta.

If (!empty($_POST["nombre"]) AND !empty($_POST["correo electrónico"]) AND !empty($_POST["message"])) ( $headers = "De: Krotov Roman " ." Responder a: [correo electrónico protegido]" . "X-Mailer: PHP/" . phpversion(); $theme = "Nuevo mensaje del sitio"; $letter = "Datos del mensaje:"; $letter .=" "; $letter .="Nombre: " $_POST["nombre"]; $carta .=" Correo electrónico: ".$_POST["correo electrónico"]; $carta .=" Teléfono: ".$_POST["teléfono"]; " .$_POST["mensaje"]; si (correo(" [correo electrónico protegido]", $tema, $letra, $encabezados))( encabezado("Ubicación: /testform/thankyou.php"); ) else ( encabezado("Ubicación: /testform"); ) ) else ( encabezado("Ubicación: / formulario de prueba"); )

Bueno, no veo el sentido de publicar la página de notificación aquí. Existe la estructura básica de un documento HTML y solo una línea de texto.

Crear un formulario de comentarios

Crear un formulario de comentarios en el sitio web

En el proceso de promoción de un sitio web, además del estudio de las estadísticas de visitantes, es de particular importancia la información sobre el sitio web proporcionada por los propios visitantes. Una de las formas más sencillas de obtener dicha información es colocar una página en el sitio web con formulario de comentarios. El visitante deja un mensaje y será enviado a su dirección de correo electrónico o cualquier otra que usted especifique. En este caso, el visitante no necesita utilizar su propio programa de correo, ni siquiera necesita tener su propio correo electrónico.

El ejemplo más simple de este formulario se muestra en la Fig. 1. (Esta es una muestra completamente funcional y puedes usarla para enviarme una nota de agradecimiento).

Su nombre:

Su correo electrónico (para responder):

Tu mensaje:

Fig.1. Formulario de comentarios sencillo

Para colocar un formulario de comentarios de este tipo en un sitio web, solo necesita información básica sobre HTML y la capacidad de operar dos comandos: Copiar Y Insertar. Consideremos la secuencia de acciones para crear un formulario de comentarios (Fig. 1) en la página HTML del sitio.

1. Verifique que su plan de alojamiento (la oficina donde está alojado su sitio) admita PHP. De lo contrario, lo más probable es que tengas que pagar más para cambiar a otra tarifa que admita este mismo PHP. No es necesario que busques el significado de esta abreviatura, ya que no necesitas conocimientos de PHP.

2. Seleccionemos la página en la que queremos colocar el formulario de comentarios y peguemos el siguiente código en el lugar correcto:

Su nombre:




Su correo electrónico (para responder):




Tu mensaje:

Como puede ver, todo el formulario se crea mediante la etiqueta

con atributos acción=correo.php(indicación de la página del sitio donde se encuentra el script para procesar los datos ingresados) y método = publicación(método de envío de datos al servidor). Líneas individuales creadas por etiqueta con atributos completamente comprensibles. La ubicación de elementos de formulario individuales, texto, fuentes, etc. puede cambiarlo de acuerdo con el diseño de su sitio. en la etiqueta </b> se establecen las dimensiones del área para ingresar el texto del mensaje: el número de filas y columnas (rows="3" cols="25").</p> <p><b>3. </b> Creemos una nueva página. <b>correo.php</b>, similar al HTML normal, pero con una extensión .php. El código completo de la página se muestra en la Fig. 2:</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><br> <title>Comentario</title><br> </head><br> <body><br><?php <br>if (isset($_POST["nombre"])) ($nombre = $_POST["nombre"];) <br>if (isset($_POST["correo electrónico"])) ($correo electrónico = $_POST["correo electrónico"];) <br>if (isset($_POST["desorden"])) ($desorden = $_POST["desorden"];)</p><p>$a = "pupkin@rambler.ru"; /*Ingrese su dirección de correo electrónico*/ <br>$headers = "Tipo de contenido: texto/sin formato; conjunto de caracteres = windows-1251"; <br>$subject = "Mensaje de su sitio"; <br>$message = "Nombre del remitente: $nombre \nDirección de correo electrónico: $email \nMensaje: $mess"; <br>$enviar = correo($a, $asunto, $mensaje, $encabezados); <br>si ($enviar == "verdadero") <br> {<br>eco " <b>¡Gracias por enviar tu mensaje! <p>";<br>eco " <a href=index.html>Hacer clic</a> volver a la página principal"; <br> } <br>demás <br> {<br>eco " <p><b>Error. ¡Mensaje no enviado!"; <br> } <br>?> <br> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body><br> </html></p> <h5><i>Fig.2.</i> Código de página de procesamiento de formulario de comentarios</h5> <p>Las direcciones de enlaces a los que debe prestar atención están resaltadas en rojo:</p> <ul><li>pupkin@rambler.ru: reemplace la dirección de Pupkin con su dirección de correo electrónico, donde se recibirán mensajes de los visitantes del sitio, así como de incansables spammers. Por cierto, para protegerse contra ellos, a menudo se ingresa el llamado captcha en el formulario. <b>CAPTCHA</b>- Prueba de Turing pública completamente automatizada para distinguir entre computadoras y humanos (una prueba de Turing pública completamente automatizada para distinguir entre computadoras y humanos). Por lo general, se trata de números y letras muy distorsionados que se le solicita que ingrese antes de enviar un mensaje. Hablaremos sobre captcha en uno de los siguientes artículos. <br>Si desea enviar cartas a varias direcciones, simplemente enumérelas separadas por comas.</li> <li>a href=index.html: la dirección de la página principal (de inicio) del sitio.</li> </ul><p>Página creada <b>correo.php</b> debe colocarse en el mismo directorio del sitio (directorio, carpeta) donde se encuentra la página con el formulario de comentarios.</p> <p>Verifique la funcionalidad del formulario de comentarios. Si todo se hace con cuidado, luego de completar el formulario y presionar <b>enviar mensaje</b> Debería aparecer el siguiente texto: " <b>Gracias por enviar tu mensaje. para volver a la página principal</b>". Después de esto, encontrará en su buzón (o en el otro que haya especificado al crear el formulario de comentarios) su propio mensaje para su ser querido.</p> <blockquote> <p><b><i>Comentario:</i> </b> en algunos sitios de alojamiento, el nuevo formulario de comentarios (recién instalado en el sitio) no comienza a funcionar de inmediato y las primeras cartas no llegan o llegan con un retraso de 1 a 2 días. Probablemente se produce un "rechinar de engranajes" y luego todo funciona bien. Además, las cartas de algunos sitios de alojamiento no llegan a determinadas direcciones, por ejemplo, tuve problemas con mi buzón en Rambler y Mail.ru. Para resolver estos problemas, comuníquese con su proveedor de alojamiento; ellos generalmente lo ayudan.</p> </blockquote> <p>A veces, cuando se utiliza el formulario de comentarios descrito, surgen problemas con la codificación. Si en una carta entrante, en lugar del alfabeto cirílico nativo, el texto consta de “códigos locos” o cuadrados vacíos, entonces tendrás que seleccionar manualmente la codificación, lo cual, por supuesto, es un inconveniente. Para evitar que esto suceda, verifique que su página con el formulario de comentarios esté codificada. <b>juego de caracteres = UTF-8</b>. Si estás usando el programa <b>Adobe Dreamweaver</b>, luego para hacer esto necesitas seleccionar la sección del menú <b>Editar - Propiedades de página - Codificación</b>.</p> <p>El problema con la codificación de archivos del sitio se analiza con más detalle en el artículo Problemas con la codificación en el formulario de comentarios.</p> <p>En el ejemplo descrito, por simplicidad, el mensaje sobre el envío de una carta se muestra en una página en blanco. Por supuesto, puede colocarlo en cualquier página de su sitio para que el visitante pueda utilizar la navegación (menú) para elegir qué hacer a continuación. Para ello coloque el código PHP (el que se encuentra desde<<b>?php</b> a <b>?> </b>) a la ubicación deseada en la página del menú y cambie su nombre a mail.php.</p> <p>Además de publicar el formulario de comentarios en sí, es recomendable verificar que el visitante haya completado sus campos correctamente. Esto debe hacerse para que no reciba cartas vacías y su buzón no se atasque con basura enviada por bromistas a quienes les encanta presionar un botón. <b>enviar mensaje</b>. Los métodos para comprobar la cumplimentación del formulario de comentarios y proteger contra el spam se describen en los artículos "</p> <p>En esta lección aprenderemos sobre la función. <b>correo()</b>, usando el ejemplo de crear <b>Formularios de comentarios en PHP</b> seguido del envío de los datos recibidos por correo electrónico.</p> <p>Para hacer esto, crearemos dos archivos: <b>formato.php</b> Y <b>correo.php</b>. El primer archivo contendrá solo un formulario con campos para que el usuario ingrese datos. Dentro de una etiqueta <b>forma</b>- botón <i>"Enviar"</i> y atributo <b>acción</b> que se refiere al manejador - <b>correo.php</b>, es esto que se accede a los datos del formulario cuando se presiona el botón <i>"Enviar"</i>. En nuestro ejemplo, los datos del formulario se envían a una página web llamada <b>"/correo.php"</b>. Esta página contiene un script para <b>PHP</b> que procesa los datos del formulario:</p><p> <form action="./mail.php" method="post"><br></p><p>Los datos del formulario se envían usando <b>CORREO</b>(procesado como <b>$_POST</b>). <b>$_POST</b> es una matriz de variables pasadas al script actual mediante el método <b>CORREO</b>.</p> <p>A continuación puedes ver el contenido del archivo. <b>formato.php</b>, cuyos campos son cumplimentados por el propio usuario en algún sitio web. Todos los campos de entrada de datos deben tener el atributo <b>nombre</b>, nosotros mismos prescribimos los valores, basándonos en la lógica.</p><p> <!DOCTYPE html><br> <html><br> <head><br> <title>Formulario de comentarios en PHP enviado por correo electrónico</title><br> </head><br> <body><br> <h2>Formulario de comentarios en PHP</h2><br> <!--Данные введенные пользователем обрабатываются кодом в mail.php--><br> <form action="./mail.php" method="post"><br> <!--Тег используется для группировки связанных элементов в форме--><br> <fieldset><br> <!--Тег задает заголовок для групповых элементов--><br> <legend>Dejar un mensaje:</legend><br>Su nombre: <br> <!--Устанавливает однострочное текстовое поле ввода:--><br> <input type="text" name="name"><br> <!--Используется для полей ввода, которые должны содержать адрес электронной почты.--><br>Correo electrónico: <br> <input type="text" name="email"><br>Número de teléfono: <br> <input type="text" name="phone"><br>Mensaje: <br> <!--Тег разрешает многострочный ввод текста.--><br>El área de texto puede contener un número ilimitado de caracteres--> <br> <textarea rows="10" cols="45" name="message">

Así es como se ve visualmente el formulario en el navegador.

A continuación escribimos el código del archivo. correo.php. Creamos nuestros propios nombres para las variables. EN PHP variable comienza con signo $ seguido del nombre de la variable. El valor de texto de la variable está entre comillas. Usando variables, el contenido del formulario se envía al correo electrónico del administrador simplemente colocando el nombre del elemento del formulario entre corchetes: el valor nombre.

$a = " [correo electrónico protegido]"; // correo electrónico del destinatario de los datos del formulario
$tema = "Formulario de comentarios en PHP"; //asunto del correo electrónico recibido
$message = "Su nombre: ".$_POST["nombre"]."
";//asigna a la variable el valor obtenido de la forma nombre=nombre
$mensaje .= "Correo electrónico: ".$_POST["correo electrónico"]."
"; //obtenido del formulario nombre=correo electrónico
$mensaje .= "Número de teléfono: ".$_POST["teléfono"]."
"; //obtenido del formulario nombre=teléfono
$mensaje .= "Mensaje: ".$_POST["mensaje"]."
"; //obtenido del formulario nombre=mensaje
$headers = "Versión MIME: 1.0" . "\r\n"; // el encabezado coincide con el formato más el carácter de nueva línea
$headers .= "Tipo de contenido: texto/html; charset=utf-8" . "\r\n"; //indica el tipo de contenido que se envía
correo($a, $tema, $mensaje, $encabezados); //envía valores de variables al destinatario por correo electrónico
?>

Así, los datos de la matriz $_POST se pasará a las variables correspondientes y se enviará por correo electrónico utilizando la función correo. Completemos nuestro formulario y presionemos el botón enviar. No olvides incluir tu correo electrónico. La carta llegó al instante.