Ir al contenido principal

Formulario de contacto PHP

Ya hemos visto como hacer formularios en HTML, sin embargo, si queremos que estos sirvan para contactar con nosotros (enviandonos un mail de forma automatica) deberemos crear una segunda pagina que contenga el código en PHP para hacer ésto. Primero veamos de nuevo el código de nuestro formulario en HTML.

<form action="pagina2.php" method="post">

Nombre: <input name="nombre" type="text" /><br />

Edad: &nbsp; &nbsp; &nbsp;<input name="edad" size="4" type="text" /><br />

<textarea name="exp" style="height: 47px; margin: 2px; width: 209px;">Experiencia</textarea><br />
<input type="submit" value="enviar datos" />
</form>

Ahora expliquemos el código línea por línea:

  1. action = " pagina2.php " nos indica en que página estará el código que nos enviara el mail. method = " post " nos indica como se envian los datos, podemos poner get  o post pero para un formulario siempre suele usarse el método post.
  2. name = " nombre " nos servirá para poder acceder a la información utilizando el comando $_REQUEST['nombre']. Nos servira igual para name = " edad "  y  name = " exp ".
  3. input type = " submit "  para indicar al boton que debe enviar los datos i value lo que queremos que el botón muestre.
Una vez tengamos el formulario listo debemos crear una nueva página en la que incluir el siguiente código:

<?php

 $a = "nuestromail@ejemplo.com";

 $asunto = $_REQUEST['nombre'];

 $cuerpo = "Edad " . $_REQUEST['edad'] . " Experiencia: " . $_REQUEST['exp'];

 mail($a, $asunto, $cuerpo)

 ?>

Y ahora volvamos a ver línea por línea lo que este código hace:

  1. <?php ya sabemos que sirve para indicar que lo que viene a continuación sera código en PHP.
  2. $a = "nuestromail@ejemplo.com" simplemente asigna a la variable $a  un mail que nosotros queramos (que será al que enviaremos la información).
  3. $asunto = $_REQUEST['nombre']; nos indica que ahora la variable $asunto  contiene la información del campo nombre de nuestro formulario. La instruccion $_REQUEST  sirve para pedir ésta información al formulario.
  4. $cuerpo = "Edad " . $_REQUEST['edad'] . " Experiencia: " . $_REQUEST['exp']; Aquí lo que hacemos es concatenar las cadenas de texto para que queden unidas unas a otras, de forma que si por ejemplo el campo edad  contiene "26" y el campo exp  contiene "dos años de experiencia trabajando como veterinario" el resultado de $cuerpo sería "Edad 26 Experiencia: dos años de trabajo como veterinario".
  5. En esta linea utilizamos el comando mail  que tiene la siguiente estructura:
  6. mail ( destinatario , asunto, cuerpo del mensaje);

    destinatario: Aqui pondremos el mail de destino.

    asunto: Éste sera el asunto que se muestre en el mail.

    cuerpo del mensaje: Aqui vendra el texto mostrado dentro del mail.
  7. ?>  indica el cierre del codigo PHP.
Una vez hemos creado ambas páginas podemos ver de forma practica que es lo que pasa con un ejemplo práctico en:



Y una vez le demos a enviar nos llegará un mail con la siguiente información:




                                       

Comentarios

Entradas populares de este blog

Estructura switch en JavaScript

La estructura switch nos sirve para cuando queremos que un programa haga algo muy concreto dependiendo del valor que tenga una variable. La estructura general es la siguiente:   switch ( variable ) { case X : comandos break; case Y : comandos break; case Z : comandos break; default: comandos break; } Y ahora veamos un ejemplo de un programa en el que podamos usar la estructura switch, por ejemplo, queremos que al insertar un número del 1 al 5 el programa nos lo escriba con letras: var numero; numero=prompt('Inserte un número del 1 al 5',''); numero=parseInt(numero); switch (numero) { case 1: alert('uno'); break; case 2: alert('dos'); break; case 3: alert('tres'); break; case 4: alert('cuatro'); break; case 5: alert('cinco'); break; default: alert('El número debe estar entre el 1 y el 5!'); break; } Lo que la estructura switch hace es comparar la variable numero con cada caso que nosot...

Primeros pasos para crear una pequeña web

Ahora que tenemos unos conocimientos basicos tanto de html como de javascript, podemos hacer una pequeña web con un proposito concreto. Haremos un ejemplo ficticio en el que hacemos una página para una protectora de animales, de forma que la gente podrá enviar solicitudes fácilmente para ayudar como voluntarios. Para diseñarla primero debemos seguir unos pasos: Definir el propósito de nuestra web: Esta pequeña web estará orientada a que la gente pueda contactar con nosotros fácilmente a la vez que demos la información necesaria de una forma clara. Definir cual sera el contenido: Contendrá una parte de información y un formulario de contacto. La información que proporcionaremos a los voluntarios potenciales será el lugar en el que pueden ayudar y los horarios de asistencia así como información sobre los trabajos que desarrollaran a lo largo de esas horas. En el formulario pediremos el nombre del voluntario, su edad y la experiencia. Decidir cómo la presentaremos: Ésta p...

Estructuras condicionales compuestas y anidadas en JavaScript

Una vez hemos aprendido cómo funcionan las estructuras condicionales simples es muy fácil aprender el funcionamiento de las estructuras condicionales compuestas. De nuevo, veamos un ejemplo de cómo es su estructura general: if (condición) { comandos }   else   {   comandos   } La primera parte de la estructura la conocemos ya, lo único que vemos de nuevo es else . Lo que else marca es que en caso de que no se cumpla la condición se ejecuten otra serie de comandos distinta. Veamos un ejemplo de cómo usarlo: Crea un programa en el que se inserten dos números y él elija cual es el mayor de los dos: var primero; var segundo; numero1=prompt('Inserta el primer numero',''); numero2=prompt('Inserta el segundo numero,''); if (numero1>numero2) { alert(numero1+" es mayor que "+numero2); } else { alert(numero2+" es mayor que "+numero1); } El programa nos dirá si el primer número es mayor que el segundo, en caso de que...