Spanish (castellano) translation by Rene Soto (you can also view the original English article)
De forma independiente de el modelo sobre sitio web que alguien posea o administre, es probable que necesiten un formulario de comunicacion. El formulario de roce puede asistir a las visitantes a solicitar una cotizacion, solicitar informacion o distribuir las consejos o dificultades que enfrentan al usar un lugar web.
En este tutorial, nuestro planteamiento estara en la formacion sobre un formulario de contacto completamente utilitario en PHP sobre fundamentos a fin. Comenzaremos con el impresionado de todos las campos que necesitamos incorporar asi como el Modalidad basico del formulario de comunicacii?n. Despues de eso, pasaremos al codigo PHP para implementar su funcionalidad.
Por supuesto, la forma mas sencillo de generar un formulario de comunicacion es descargar un script de formulario sobre trato profesional de CodeCanyon.
No obstante si desea asimilar como se produce un formulario sobre comunicacion, ?siga leyendo! Puede que sea mas sencillo de lo que piensa.
Marca sobre Nuestro Formulario sobre Trato HTML
El primer paso Con El Fin De crear nuestro personal formulario sobre roce seria codificar el impresionado. Comenzaremos a hacerlo Cuando tengamos una lista de todos los componentes que queremos dentro sobre nuestro formulario. Necesitaremos un ambito de entrada de el apelativo de la alma que nos esta contactando, y no ha transpirado necesitaremos un campo de su direccion de correo electronico con el fin de que podamos enviarle una solucii?n si es obligatorio. Ademas necesitaremos un sector sobre entrada por el razon por el cual los usuarios lo contactan y no ha transpirado un textarea donde los usuarios pueden redactar su mensaje.
Si el sitio web que esta administrando seria excesivamente popular, recibira una enorme abundancia sobre correos electronicos a traves del formulario sobre comunicacion. Para asegurarnos de que los usuarios correcta puedan leer esos correos electronicos asi como responder rapido, necesita un par de campos mas. Como podria ser, podria aiadir un ambito que pueda precisar a que departamento quiere comunicarse el visitante, como marketing, soporte o facturacion. Esta referencia se puede utilizar mas adelante Con El Fin De enrutar el e-mail electronico a la direccion apropiada. En ultima instancia, eso podria ayudarlo a contestar mas de forma rapida y adecentar los correos electronicos de forma mas efectivo.
La cifra sobre campos que agregue al formulario de roce dependera del modelo sobre lugar web que ejecute, pero Cerciorese sobre no hacerlo en superabundancia. En caso de que obliga a las visitantes a completar muchos detalles, puede prevenir que se pongan en contacto con usted por rotundo.
Permita escribir el codigo HTML para aiadir todos las campos que acabo de nombrar en nuestro formulario de comunicacii?n.
Primeramente sobre continuar, me gustaria resumir con rapidez el significado sobre varios atributos importantes en el traumatizado anterior. El atributo de action en el formulario determina en que lugar se deberi?n cursar los datos de el formulario. En caso de que dispone de un atributo sobre action , las datos se envian nuevamente a la misma URL. Aqui hemos utilizado contact.php, debido a que las datos de el formulario se enviaran a ese script.
El atributo de name Con El Fin De distintas puntos de entrada en el formulario se utiliza para ingresar a los valores de los puntos en el aspecto del servidor. Como podria ser, en el formulario anterior, puede adquirir el sustantivo del visitante que lo esta contactando usando $_POST [‘visitor_name’] en contact.php.
Usamos el atributo placeholder para dar a las usuarios una idea basica sobre la entrada esperada de cada campo en el formulario. El atributo required garantiza que nunca quede el menor ambito relevante en blanco antes sobre que el consumidor presione el boton de remision en el formulario. El atributo pattern se usa para imponer algunas reglas acerca de el modelo sobre valores que podrian ir adentro sobre ciertos campos. En nuestro caso, separado permitimos que los usuarios utilicen letras y el caracter sobre espacio en los nombres que envian. Igualmente limitamos la cuantia total sobre caracteres aceptables de 3 a 20 inclusive. El patron que haga uso dependera de el arquetipo sobre entrada que desee de las usuarios.
La sub siguiente manifestacion sobre CodePen nos muestra como se percibe el formulario sobre comunicacii?n con el traumatizado inicial asi como un poco de CSS.
Realizar que el Formulario de trato HTML sea utilitario utilizando PHP
Elaborar que el formulario de comunicacii?n HTML sea versatil usando PHP En este instante, nuestro formulario no hace nada util. Las visitantes pueden completarlo desplazandolo hacia el pelo presionar el boton enviar mensaje, No obstante no recibiremos nada por motivo de que nunca hay un codigo de asistencia de manejar la noticia proporcionada por el formulario. En esta seccion, haremos que nuestro formulario sobre contacto sea pri?ctica usando PHP.
Comience creando un archivo contact.php y coloque el sub siguiente codigo en su interior.
Ahora hemos hecho muchas validacion de el lado de el cliente sobre la entrada de el consumidor. Sin embargo, continuamente seria mas seguro efectuar la validacion del bando del servidor ademas. Empleamos la accion filter_var() de sanear el apelativo proporcionado por el usuario. De manera similar, Ademi?s desinfectamos el precio de $email_title y no ha transpirado $concern_department . Puede utilizar la mision filter_var() para validar o desinfectar todos los tipos sobre entrada de usuario. Ademas usamos la mision htmlspecialchars() de codificar todo el mundo los caracteres HTML especiales en el mensaje de el visitante que nos envian.
El precio de $recipient se basa en el valor de la variable $concern_department . Sobre esta manera, nos aseguramos sobre que solo las personas que realmente deberi?n averiguar el tema reciban el e-mail electronico.
Finalmente, utilizamos la funcion mail() para enviar un e-mail electronico que comprende la documentacion que el visitante queria que supieramos. Seguidamente de la entrega exitosa del correo electronico, informamos a las visitantes que hemos recibido su correo electronico asi como que se contactara con ellos ri?pido.
La proteccii?n es primordial cuando se trata sobre datos sobre cliente o entrada. Si debe validar o desinfectar la entrada del consumidor depende sobre que es la entrada y como desea utilizarla. La validacion sencillamente verifica En Caso De Que la entrada de el cliente sigue un evidente grupo de reglas. Por ejemplo, la validacion podria comprobar que el nombre de la humano no contenga ningun cantidad. La desinfeccion se usada de eliminar cualquier caracter ofensivo que suponga un peligro Con El Fin De la proteccion. Por ejemplo, un usuario malintencionado que intenta contactarlo Gracias al formulario puede engrosar borrar cuenta de romance tale una calificativo script en el textarea para que descargue una secuencia de comandos danina. Lo cual seria particularmente preocupante cuando su lugar web dispone de foros publicos accesibles Con El Fin De todo el mundo.