(65) 6793 7805
Spanish (Espanol) 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 sobre contacto. El formulario sobre contacto puede colaborar a las visitantes a solicitar la cotizacion, pretender referencia o compartir los consejos o problemas que enfrentan al utilizar un sitio web.
En este tutorial, nuestro planteamiento estara en la formacion sobre un formulario de roce totalmente versatil en PHP sobre principio a fin. Comenzaremos con el traumatizado de todo el mundo las campos que necesitamos agregar asi como el Modalidad fundamental del formulario de roce. Despues sobre eso, pasaremos al codigo PHP para implementar su funcionalidad.
Por supuesto, la forma mas simple sobre crear un formulario sobre comunicacion es descargar un script de formulario sobre comunicacion profesional de CodeCanyon.
Pero si desea aprender como se crea un formulario sobre roce, ?siga leyendo! Puede que sea mas facil sobre lo que piensa.
Marca de El Formulario sobre Contacto HTML
El primer transito de generar el personal formulario de comunicacii?n seria codificar el traumatizado. Comenzaremos an efectuarlo Cuando tengamos una lista sobre todo el mundo los componentes que queremos adentro sobre nuestro formulario. Necesitaremos un ambito sobre entrada para el nombre sobre la alma que nos esta contactando, asi como necesitaremos un ambito de su direccion sobre e-mail electronico para que podamos enviarle una solucii?n En Caso De Que seria obligatorio. Tambien necesitaremos un ambito de entrada por el razon por el que las personas lo contactan desplazandolo hacia el pelo un textarea donde las usuarios podrian escribir su mensaje.
En caso de que el lugar web que esta administrando es excesivamente popular, recibira una enorme cuantia sobre correos electronicos a traves del formulario sobre roce. Con el fin de asegurarnos de que los usuarios correcta puedan leer esos correos electronicos desplazandolo hacia el pelo contestar rapido, precisa dos campos mas. Como podria ser, podria incorporar un campo que pueda determinar a que departamento desea contactar el visitante, igual que marketing, apoyo o facturacion. Esta informacion se puede utilizar mas el frente del manillar Con El Fin De enrutar el correo electronico a la directiva adecuada. En ultima instancia, eso podria ayudarlo a contestar mas rapido desplazandolo hacia el pelo distribuir las correos electronicos sobre forma mas eficiente.
La cifra de campos que agregue al formulario de trato dependera de el modelo de lugar web que ejecute, aunque asegurese sobre nunca efectuarlo en abuso. Si obliga a las visitantes a completar muchos pormenores, puede prevenir que se pongan en comunicacion con tu por total.
Permita escribir el codigo HTML para incorporar todos los campos que acabo sobre mencionar en el formulario sobre contacto.
Antes sobre proseguir, me gustaria resumir rapidamente el significado de varios atributos relevantes en el marcado anterior. El atributo sobre action en el formulario determina donde se deberian cursar los datos del formulario. Si no posee un atributo sobre action , los datos se envian nuevamente a la misma URL. Aqui hemos usado contact.php, debido a que las datos de el formulario se enviaran a ese script.
El atributo de name para distintas componentes sobre entrada en el formulario se utiliza Con El Fin De entrar a las valores sobre los elementos en el ala del servidor. Como podria ser, en el formulario anterior, puede conseguir el apelativo de el visitante que lo esta contactando empleando $_POST [‘visitor_name’] en contact.php.
Empleamos el atributo placeholder para dar a los usuarios la idea basica sobre la entrada esperada Con El Fin De cada ambito en el formulario. El atributo required garantiza que nunca quede el menor ambito relevante en blanco antiguamente de que el cliente presione el boton sobre giro en el formulario. El atributo pattern se usa para imponer algunas reglas referente a el arquetipo sobre valores que pueden ir dentro sobre ciertos campos. En el caso, separado permitimos que las usuarios utilicen letras asi como el caracter sobre lugar en los nombres que envian. Asimismo limitamos la cuantia total de caracteres aceptables de 3 a 20 inclusive. El patron que utilice dependera del modelo de entrada que desee sobre los usuarios.
La sub siguiente manifestacion de CodePen nos muestra como se ve nuestro formulario de roce con el marcado previo desplazandolo hacia el pelo un poco de CSS.
Realizar que Nuestro Formulario sobre roce HTML sea Funcional usando PHP
Efectuar que nuestro formulario sobre comunicacii?n HTML sea funcional usando PHP En este momento, nuestro formulario no realiza nada util. Los visitantes pueden completarlo desplazandolo hacia el pelo presionar el boton mandar mensaje, aunque nunca recibiremos ninguna cosa porque nunca Existen un codigo sobre trabajo para manejar la informacion proporcionada por el formulario. En esta seccion, haremos que el formulario sobre trato sea funcional empleando PHP.
Comience creando un archivo contact.php y Colocar el sub siguiente codigo en su interior.
Ahora hemos hecho muchas validacion de el ala de el usuario de la entrada de el cliente. No obstante, continuamente es mas con total seguridad realizar la validacion del aspecto del servidor igualmente. Empleamos la mision filter_var() de reparar el apelativo proporcionado por el cliente. De manera similar, Ademi?s desinfectamos el precio sobre $email_title asi como $concern_department . Puede usar la funcion filter_var() Con El Fin De validar o desinfectar todos los clases de entrada de usuario. Ademi?s usamos la accion htmlspecialchars() de codificar todo el mundo las caracteres HTML especificas en el mensaje del visitante que nos envian.
El precio cГіmo ver quiГ©n le gusta el asiame sin pagar de $recipient se basa en el tasacii?n sobre la variable $concern_department . De esta manera, nos aseguramos de que unico las personas que realmente deberi?n indagar el tema reciban el e-mail electronico.
Para terminar, utilizamos la funcion mail() Con El Fin De cursar un e-mail electronico que abarca la noticia que el visitante queria que supieramos. Despues sobre la entrega exitosa de el e-mail electronico, informamos a los visitantes que hemos recibido su correo electronico y que se contactara con ellos veloz.
La seguridad es primordial cuando se intenta sobre datos de consumidor o entrada. Si tiene que validar o desinfectar la entrada del usuario va a depender de que seria la entrada asi como como desea utilizarla. La validacion sencillamente verifica si la entrada de el consumidor sigue un cierto comun de reglas. Como podria ser, la validacion podria probar que el sustantivo sobre la humano nunca contenga el menor nA?. La desinfeccion se emplea Con El Fin De quitar cualquier caracter ofensivo que suponga un peligro para la proteccii?n. Como podria ser, un consumidor 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. Lo cual es particularmente preocupante cuando su lugar web tiene foros publicos accesibles para todo el mundo.