Spanish (Espanol) translation by Rene Soto (you can also view the original English article)
Independientemente de el modelo sobre sitio web que alguien posea o administre, es probable que necesiten un formulario de contacto. El formulario sobre roce puede auxiliar a sus visitantes a pedir una cotizacion, solicitar noticia o distribuir los consejos o problemas que enfrentan al emplear un sitio web.
En este tutorial, nuestro punto de vista estara en la formacion sobre un formulario sobre roce totalmente funcional en PHP sobre principio a fin. Comenzaremos con el afectado sobre todo el mundo los campos que necesitamos engrosar y el garbo fundamental del formulario sobre comunicacii?n. Luego de eso, pasaremos al codigo PHP Con El Fin De implementar su funcionalidad.
Por supuesto, El metodo mas comodo sobre crear un formulario de comunicacion es descargar un script de formulario de comunicacii?n experto de CodeCanyon.
No obstante si desea aprender como se genera un formulario sobre comunicacii?n, ?siga leyendo! Puede que sea mas comodo sobre lo que piensa.
Marca comercial sobre Nuestro Formulario de Comunicacii?n HTML
El primer camino para crear el mismo formulario sobre roce seria codificar el traumatizado. Comenzaremos a hacerlo una vez que tengamos una lista de todo el mundo las puntos que deseamos dentro sobre el formulario. Necesitaremos un campo de entrada de el nombre de la sujeto que nos esta contactando, asi como necesitaremos un sector Con El Fin De su direccion sobre correo electronico para que podamos enviarle la replica En Caso De Que es preciso. Ademi?s necesitaremos un ambito sobre entrada por el motivo por el cual los usuarios lo contactan asi como un textarea a donde las usuarios pueden escribir su mensaje.
En caso de que el lugar web que esta administrando es bastante popular, recibira una gran cuantia sobre correos electronicos a traves del formulario sobre comunicacion. Para estar seguros de que las personas adecuadas puedan leer esos correos electronicos y no ha transpirado contestar rapidamente, precisa un par de campos mas. Como podria ser, podria incorporar un campo que pudiese determinar a que departamento desea contactar el visitante, como publicidad, apoyo o facturacion. Esta noticia se puede usar mas delante Con El Fin De enrutar el correo electronico a la directiva apropiada. En ultima instancia, eso podria ayudarlo a reponer mas con rapidez y no ha transpirado organizar las correos electronicos de manera mas eficaz.
La cifra de campos que agregue al formulario sobre contacto dependera del clase de lugar web que ejecute, pero Cerciorese sobre no realizarlo en exceso. En caso de que obliga a las visitantes a completar demasiados detalles, puede prevenir que se pongan en trato con usted por integro.
Permita redactar el codigo HTML para engrosar todos las campos que acabo sobre mencionar en nuestro formulario de comunicacion.
Primero sobre proseguir, me gustaria resumir rapido el significado de ciertos atributos importantes en el impresionado precedente. El atributo sobre action en el formulario determina en que lugar se deberian enviar las datos del formulario. En caso de que goza de un atributo sobre action , las datos se envian de nuevo a la misma URL. Aca hemos usado contact.php, por lo que los datos de el formulario se enviaran a ese script.
El atributo de name Con El Fin De distintas componentes sobre entrada en el formulario se usada para ingresar a las valores sobre las elementos en el ala del servidor. Como podria ser, en el formulario anterior, puede producir el nombre de el visitante que lo esta contactando empleando $_POST [‘visitor_name’] en contact.php.
Utilizamos el atributo placeholder de dar a las usuarios una idea basica sobre la entrada esperada para cada ambito en el formulario. El atributo required asegura que no quede ningun ambito trascendente en blanco anteriormente de que el cliente presione el boton de envio en el formulario. El atributo pattern se usa Con El Fin De imponer algunas reglas referente a el arquetipo sobre valores que pueden ir dentro sobre algunos campos. En el caso, unicamente permitimos que las usuarios utilicen letras y el caracter sobre espacio en las nombres que envian. Ademi?s limitamos la cantidad total sobre caracteres aceptables de 3 a 20 inclusive. El patron que use dependera de el tipo sobre entrada que desee de las usuarios.
La siguiente demostracion de CodePen nos muestra como se ve el formulario de contacto con el impresionado inicial asi como un poquito de CSS.
Realizar que Nuestro Formulario sobre Contacto HTML sea versatil empleando PHP
Elaborar que el formulario sobre contacto HTML sea versatil empleando PHP En este momento, el formulario nunca realiza ninguna cosa util. Los visitantes podrian completarlo asi como presionar el boton enviar mensaje, No obstante nunca recibiremos nada por motivo de que nunca existe un codigo sobre asistencia para manejar la noticia proporcionada por el formulario. En esta division, haremos que nuestro formulario de roce sea utilitario utilizando PHP.
Comience quickflirt creando un archivo contact.php y no ha transpirado coloque el siguiente codigo en su interior.
Bien hemos hecho muchas validacion del lado de el usuario sobre la entrada del consumidor. No obstante, invariablemente seria mas fiable elaborar la validacion del ala de el servidor igualmente. Utilizamos la accion filter_var() Con El Fin De higienizar el sustantivo proporcionado por el usuario. De manera similar, Asimismo desinfectamos el precio sobre $email_title desplazandolo hacia el pelo $concern_department . Puede usar la mision filter_var() para validar o desinfectar todos las tipos sobre entrada sobre cliente. Asimismo empleamos la funcion htmlspecialchars() para codificar todo el mundo los caracteres HTML especiales en el mensaje de el visitante que nos envian.
El precio sobre $recipient se basa en el tasacii?n de la variable $concern_department . Sobre esta modo, nos aseguramos de que unico las personas que realmente deben indagar el asunto reciban el e-mail electronico.
Finalmente, utilizamos la mision mail() Con El Fin De mandar un e-mail electronico que comprende la informacion que el visitante queria que supieramos. Luego sobre la dedicacion exitosa de el e-mail electronico, informamos a las visitantes que hemos recibido su correo electronico y que se contactara con ellos ri?pido.
La proteccii?n es primordial cuando se alcahueteria de datos sobre cliente o entrada. En caso de que deberia validar o desinfectar la entrada de el cliente va a depender sobre que es la entrada y no ha transpirado como desea utilizarla. La validacion simplemente verifica En Caso De Que la entrada del consumidor sigue un exacto comun sobre reglas. Como podria ser, la validacion podria comprobar que el sustantivo sobre la cristiano no contenga ningun numero. La desinfeccion se emplea para suprimir cualquier caracter ofensivo que suponga un riesgo para la proteccii?n. Por ejemplo, un cliente malintencionado que intenta contactarlo Gracias al formulario puede ai±adir una epiteto script en el textarea con el fin de que descargue la secuencia sobre comandos danina. Esto es particularmente preocupante cuando su lugar web tiene foros publicos accesibles Con El Fin De todos.