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 protected]&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
