Generar un Formulario sobre comunicacion en PHP

Spanish (castellano) translation by Rene Soto (you can also view the original English article)

De forma independiente de el prototipo sobre sitio web que alguien posea o administre, seri­a probable que necesiten un formulario sobre trato. El formulario sobre trato puede ayudar a sus visitantes a pretender la cotizacion, Reclamar informacion o repartir las consejos o dificultades que enfrentan al usar un lugar web.

En este tutorial, el enfoque estara en la creacion de un formulario de trato completamente funcional en PHP de fundamentos a fin. Comenzaremos con el impresionado de todo el mundo los campos que necesitamos engrosar y el estilo elemental del formulario de comunicacion. Luego de eso, pasaremos al codigo PHP Con El Fin De implementar su funcionalidad.

Por caso, el modo mas facil sobre generar un formulario de comunicacii?n es descargar un script sobre formulario sobre contacto profesional sobre CodeCanyon.

Pero si desea estudiar como se produce un formulario sobre comunicacion, ?siga leyendo! Puede que sea mas comodo sobre lo que piensa.

Marca sobre El Formulario sobre Trato HTML

El primer paso de crear nuestro mismo formulario sobre contacto seri­a codificar el afectado. Comenzaremos an efectuarlo Cuando tengamos una lista de todo el mundo los elementos que deseamos adentro de nuestro formulario. Necesitaremos un sector sobre entrada de el apelativo sobre la ser que nos esta contactando, y necesitaremos un sector para su directiva sobre correo electronico con el fin de que podamos enviarle la solucii?n si es preciso. Tambien necesitaremos un ambito de entrada por el motivo por el cual las personas lo contactan y no ha transpirado un textarea donde los usuarios pueden redactar su mensaje.

Si el sitio web que esta administrando es extremadamente popular, recibira una gran cifra de correos electronicos Gracias al formulario sobre comunicacion. Con el fin de estar seguros sobre que los usuarios adecuadas puedan leer esos correos electronicos y reaccionar rapido, necesita dos campos mas. Como podri­a ser, podria ai±adir un ambito que pueda precisar a que departamento desea contactar el visitante, como marketing, apoyo o facturacion. Esta informacion se puede usar mas adelante para enrutar el correo electronico a la directiva adecuada. En ultima instancia, eso podria ayudarlo a replicar mas de forma rapida desplazandolo hacia el pelo organizar los correos electronicos sobre modo mas eficaz.

La cantidad sobre campos que agregue al formulario de contacto dependera de el modelo de sitio web que ejecute, aunque asegurese sobre nunca realizarlo en exceso. En caso de que obliga a las visitantes a completar bastantes pormenores, puede prevenir que se pongan en comunicacii?n con tu por integro.

Permita redactar el codigo HTML de agregar todo el mundo las campos que acabo de mencionar en nuestro formulario de comunicacion.

Anteriormente de continuar, me gustaria resumir rapido el significado de determinados atributos relevantes en el afectado inicial. El atributo de action en el formulario determina en que lugar se deberi?n destinar los datos del formulario. En caso de que tiene un atributo de action , las datos se envian de nuevo a la misma URL. Aqui hemos usado contact.php, debido a que los datos del formulario se enviaran a ese script.

El atributo de name Con El Fin De diferentes puntos de entrada en el formulario se emplea de ingresar a los valores de los puntos en el flanco del servidor. Por ejemplo, en el formulario precedente, puede lograr el sustantivo del visitante que lo esta contactando utilizando $_POST [‘visitor_name’] en contact.php.

Usamos el atributo placeholder para dar a las usuarios una idea basica sobre la entrada esperada para cada campo en el formulario. El atributo required asegura que no quede ningun ambito significativo en blanco antes de que el cliente presione el boton de expedicion en el formulario. El atributo pattern se usa Con El Fin De imponer algunas reglas acerca de el tipo sobre valores que pueden ir dentro de ciertos campos. En el caso, separado permitimos que los usuarios utilicen letras y el caracter sobre lugar en las nombres que envian. Ademi?s limitamos la cantidad total de caracteres aceptables de 3 a 20 inclusive. El patron que use dependera de el modelo de entrada que desee de los usuarios.

La siguiente demostracion sobre CodePen nos muestra como se ve nuestro formulario de comunicacion con el marcado anterior y un poco de CSS.

Efectuar que el Formulario de comunicacii?n HTML sea utilitario usando PHP

Hacer que el formulario de trato HTML sea versatil empleando PHP En este momento, el formulario no realiza ninguna cosa util. Los visitantes podri?n completarlo desplazandolo hacia el pelo presionar el boton cursar mensaje, pero no recibiremos nada por motivo de que no Existen un codigo sobre servicio Con El Fin De manejar la referencia proporcionada por el formulario. En esta parte, haremos que nuestro formulario sobre roce sea funcional empleando PHP.

Comience creando un archivo contact.php y Colocar el sub siguiente codigo en su interior.

Ahora hemos hecho muchas validacion del bando del cliente sobre la entrada del cliente. No obstante, todo el tiempo seri­a mas fiable realizar la validacion de el aspecto de el servidor igualmente. Empleamos la accion filter_var() para sanear el apelativo proporcionado por el usuario. Sobre manera similar, tambien desinfectamos el tasacii?n sobre $email_title asi­ como $concern_department . Puede utilizar la mision filter_var() de validar o desinfectar todo el mundo los tipos sobre entrada de usuario. Ademas utilizamos la accion htmlspecialchars() de codificar todo el mundo los caracteres HTML especificas en el mensaje del visitante que nos envian.

El tasacii?n sobre $recipient se basa en el tasacii?n de la variable $concern_department . De esta manera, nos aseguramos sobre que unico las personas que verdaderamente deben investigar el tema reciban el correo electronico.

Para terminar, usamos la mision mail() Con El Fin De enviar un e-mail electronico que abarca la informacion que el visitante queria que supieramos. Posteriormente sobre la dedicacion exitosa del correo electronico, informamos a las visitantes que hemos recibido su correo electronico y que se contactara con ellos ri?pido.

La proteccii?n seri­a primordial cuando se intenta de datos sobre usuario o entrada. Si tiene que validar o desinfectar la entrada del cliente depende sobre que seri­a la entrada y no ha transpirado como desea utilizarla. La validacion simplemente verifica si la entrada de el cliente sigue un exacto comun sobre reglas. Por ejemplo, la validacion podria verificar que el apelativo sobre una cristiano no contenga el menor numero. La desinfeccion se utiliza para eliminar cualquier caracter ofensivo que suponga un riesgo Con El Fin De la seguridad. Como podri­a ser, un cliente malintencionado que intenta contactarlo a traves del formulario puede agregar la epiteto script en el textarea para que descargue una secuencia de comandos danina. Lo cual es particularmente preocupante cuando su lugar web tiene foros publicos accesibles para todo el mundo.