Comunidad de diseño web y desarrollo en internet online

Formulario html5 con varios campos...

Citar            
MensajeEscrito el 28 Dic 2018 09:24 pm
Hola todos!

Debo decir que no soy programador ni de cerca. Intento aprender lo que pueda. Me gustaría pedir ayuda para resolver algo que para quien sepa debe ser bastante trivial...
He estado haciendo mil intentos para hacer funcionar un par de formularios para mi sitio web y no me resulta nada.
El código de mi formulario es este:

Código HTML :

 <div class="counter_form">
            <div class="row fill_height">
               <div class="col fill_height">
                  <form class="counter_form_content d-flex flex-column align-items-center justify-content-center" action="#">
                     <div class="counter_form_title"></div>
                     <input type="text" class="counter_input" placeholder="Su nombre:" required="required">
                     <input type="text" class="counter_input" placeholder="Su email:" required="required">
                     <input type="tel" class="counter_input" placeholder="Teléfono:" required="required">
                     <select name="counter_select" id="counter_select" class="counter_input counter_options">
                        <option>Seleccionar Curso</option>
                        <option>Introducción a la Dirección de Proyectos</option>
                        <option>Taller Etica & Valores</option>
                        <option>Manejo del Tiempo</option>
                     </select>
                     <textarea class="counter_input counter_text_input" placeholder="Mensaje:" required="required"></textarea>
                     <button type="submit" class="counter_form_button">enviar</button>
                  </form>
               </div>
            </div>


He probado con varios scripts php sin éxito. Si alguien pudiera sugerirme un script que funcionara bien con este formulario, sería genial!

MUchas gracias!

Por camiloble

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 10 Ene 2019 10:03 pm
Lo que estas haciendo es un formulario que haga una petición a un archivo PHP. En tu html hay varias cosas mal:

Código HTML :

 <div class="counter_form">

            <div class="row fill_height">

               <div class="col fill_height">

                  <form class="counter_form_content d-flex flex-column align-items-center justify-content-center" action="#">

                     <div class="counter_form_title"></div>

                     <input type="text" class="counter_input" placeholder="Su nombre:" required="required">

                     <input type="text" class="counter_input" placeholder="Su email:" required="required">

                     <input type="tel" class="counter_input" placeholder="Teléfono:" required="required">

                     <select name="counter_select" id="counter_select" class="counter_input counter_options">

                        <option>Seleccionar Curso</option>

                        <option>Introducción a la Dirección de Proyectos</option>

                        <option>Taller Etica & Valores</option>

                        <option>Manejo del Tiempo</option>

                     </select>

                     <textarea class="counter_input counter_text_input" placeholder="Mensaje:" required="required"></textarea>

                     <button type="submit" class="counter_form_button">enviar</button>

                  </form>

               </div>

            </div>

Lo primero de todo te falta cerrar el 3º div cuya etiqueta de cierre no tiene.

Si quieres que el formulario funcione, no tienes bien puesto la etiqueta form, esta etiqueta requiere de dos atributos obligatorios, el action, donde le dice donde esta el archivo que va a hacer cuya función una vez enviados los parámetros, y el method, que dice que tipo de envio se hace. Que es POST o GET, el metodo GET se muestra los parametros en la url y el POST no lo muestra.

GET:

Código :

https://www.miweb.com/nombre=IVAN&email=ivan@hotmail.com&telefono=123&counter_select=direccion_proyecto&mensaje=%0D%0ADD


el resultado del form seria algo así:

Código :

<form method="POST" action="carpeta/archivo.php">
...
</form>


Nota


En action puedes poner dos tipos de rutas:

  • rutas relativas:
    son aquellas que no tienen / al principio y si la ruta que has puesto es "funciones/archivo.php", buscará en la carpeta actual donde esta el index.html la carpeta "funciones" con el php "archivo.php".
  • rutas absolutas:
    Y las absolutas que especificas toda la ruta entera con c:// en windows o / en linux, (si es local) sino una url o ruta relativa, en caso de estar en un servidor.


Cada input tiene que tener el atributo "name" para más tarde en el PHP capturar los datos insertados, y el las etiquetas option del select tienen que tener atributos "value" con su valor. El hecho de que le pongas un texto dentro de la etiqueta, el PHP no sabra que valor es, por eso se captura en value

funcion.php


Código :

<?php 
   //captura los datos introducidos en el input
   $nombre = $_POST['nombre']; 
   $email = $_POST['email']; 
   $telefono = $_POST['telefono']; 
   $select = $_POST['counter_select'];
   $mensaje = $_POST['mensaje'];

   //Imprime los datos
   echo "nombre: ".$nombre;
   echo "<br>";
   echo "email: ".$email;
   echo "<br>";
   echo "telefono: ".$telefono;
   echo "<br>";
   echo "select: ".$select;
   echo "<br>";
   echo "mensaje: ".$mensaje;
   echo "<br>";
?> 


resultado:



nombre: IVAN
email: email
telefono: telefono
select: direccion_proyecto
mensaje: hola

Por IVAN HEREDIA PLANAS

49 de clabLevel



Genero:Masculino  

Lo increíble, no es lo que ves, sino como es

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.