En este ejemplo, el formulario tiene inputs de checkbox para que el usuario pueda seleccionar sus hobbies. Al enviarse el formulario, los datos se enviarán al archivo procesar.php como un arreglo en la superglobal $_POST.
Gracias por mostrarnos estos ejemplos Carlos!
Ya va quedando mucho más claro como trabaja PHP en este tema del envió de información.
Desconocía que se podía mandar el mismo 'nombre' para formar de esta forma el arreglo normal o asociativo.
Excelente curso! 😎
Comparto mi apunte:
Index
<!DOCTYPEhtml><htmllang="es"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>iJCode - Tipos de Inputs</title></head><body><!-- Tipos de Inputs - Mandados al servidor --><formaction="./server.php"method="POST"enctype="multipart/form-data"><!-- Input normal --><labelfor="name">Ingrese su nombre:</label><inputtype="text"name="name"id="name"/><br><br><!-- Input como 'array' --><label>Ingresa el nombre de las personas</label><inputtype="text"name="person[]"/><inputtype="text"name="person[]"/><inputtype="text"name="person[]"/><br><br><!-- Input como 'array asociativo' --><labelfor="name">Ingrese sus datos:</label><br><labelfor="nameUser">Nombre:</label><inputtype="text"name="user[name]"id="nameUser"/><br><labelfor="ageUser">edad:</label><inputtype="number"name="user[age]"id="ageUser"/><br><labelfor="teamUser">Equipo Favorito:</label><inputtype="text"name="user[team]"id="teamUser"/><br><br><buttontype="submit">Enviar Formulario</button></form></body></html>
Server
<?php// Obteniendo los datos pasados por POSTecho("<p>¿Qué contiene POST?</p>");echo("<pre>");print_r($_POST);/*
Ejemplo de salida:
Array
(
[name] => Joel
[person] => Array
(
[0] => Joel2
[1] => Julieta
[2] => Pepe
)
[user] => Array
(
[name] => Pepito
[age] => 23
[team] => Pumas
)
)
*/echo("</pre>");// Obteniendo los valores de cada uno// Input normalecho("<p>¿Qué valor mando el input normal?</p>");echo("<pre>");var_dump($_POST["name"]);// string(4) "Joel"echo("</pre>");// Input como 'array'echo("<p>¿Qué valor mando el input de tipo array?</p>");echo("<pre>");var_dump($_POST["person"]);/*
Salida de ejemplo:
array(3) {
[0]=>
string(5) "Joel2"
[1]=>
string(7) "Julieta"
[2]=>
string(4) "Pepe"
}
*/echo("</pre>");// Input como 'array asociativo'echo("<p>¿Qué valor mando el input de tipo array asociativo?</p>");echo("<pre>");var_dump($_POST["user"]);/*
Salida de ejemplo:
array(3) {
["name"]=>
string(6) "Pepito"
["age"]=>
string(2) "23"
["team"]=>
string(5) "Pumas"
}
*/echo("</pre>");
Resultado
Buenas 😁..
Como hacen para descargar del repositorio del profe , yo hago el clone y no me descarga todos los proyectos y trato de cambiarme de branch pero me salen errores , ustedes me podrian ayudar ? gracias 👍
Intenta usando Download ZIP.
como hago para mandar un arreglo php en una base de datos?
Hasta donde tengo entendido no puedes enviar un arreglo PHP como tal a una base de datos, pero puedes insertar los datos que están en un arreglo a una tabla en una base de datos con PHP (que no es lo mismo). Para eso, existen features nativos de PHP como msqli, y por supuesto, deberías de tener un DBSM en un servidor con sus respectivas credenciales para establecer conexión hacia la DB, saber el nombre de la tabla a la que quieres registrar los datos del arreglo, el nombre de sus campos, etc.
Tipos de input en HTML y ejemplos prácticos
Input de texto (<input type="text">): Se utiliza para ingresar texto o datos alfanuméricos. Por ejemplo:
En este ejemplo, se crea un formulario con un input de texto para que el usuario pueda ingresar su nombre. Al hacer clic en el botón "Enviar", los datos del formulario se enviarán al archivo procesar.php utilizando el método POST.
Input de contraseña (<input type="password">): Se utiliza para ingresar contraseñas o datos sensibles que no se deben mostrar en texto plano. Por ejemplo:
En este caso, el formulario tiene un input de contraseña para que el usuario pueda ingresar su contraseña de forma segura. Al enviarse el formulario, los datos se enviarán al archivo procesar.php.
Input de correo electrónico (<input type="email">): Se utiliza para ingresar direcciones de correo electrónico válidas. Por ejemplo:
En este ejemplo, el formulario tiene un input de correo electrónico para que el usuario pueda ingresar su dirección de correo electrónico. Al enviarse el formulario, los datos se enviarán al archivo procesar.php.
Input de número (<input type="number">): Se utiliza para ingresar números. Por ejemplo:
En este caso, el formulario tiene un input de número para que el usuario pueda ingresar su edad. Al enviarse el formulario, los datos se enviarán al archivo procesar.php.
Input de archivo (<input type="file">): Se utiliza para seleccionar y enviar archivos desde el cliente al servidor. Por ejemplo:
En este ejemplo, el formulario tiene un input de archivo que permite al usuario seleccionar un archivo para enviar al servidor. Al enviarse el formulario, los datos del archivo se enviarán al archivo procesar.php.
Input de fecha (<input type="date">): Se utiliza para ingresar una fecha. Por ejemplo:
<formaction="procesar.php"method="POST"><labelfor="fecha">Fecha de nacimiento:</label><inputtype="date"id="fecha"name="fecha"><buttontype="submit">Enviar</button></form>
En este caso, el formulario tiene un input de fecha para que el usuario pueda ingresar su fecha de nacimiento. Al enviarse el formulario, los datos se enviarán al archivo "procesar.php".
Input de checkbox (<input type="checkbox">): Se utiliza para seleccionar opciones. Por ejemplo:
En este ejemplo, el formulario tiene inputs de checkbox para que el usuario pueda seleccionar sus hobbies. Al enviarse el formulario, los datos se enviarán al archivo procesar.php como un arreglo en la superglobal $_POST.
<?php
// Truco para debugear y ver lo que llega por POSTecho "<pre>";var_dump($_POST);// Recupera la información que se envía por POSTecho "</pre>";?>
cuando se ingresa al proyecto en el que estamos trabajando, hay un item que dice Parent Directory (Directorio Padre), para no estar cambiando la url de la barra de navegacion se cliquea en la flecha para volver atras y se vuelve a la carpeta contenedora, para salir de la carpeta para ir a otro proyecto se cliquea parent directory y se vuelve a la vista principal del servidor
Siempre quise saber como se comenta en bloque, ahora lo se xD
Muy buenos ejemplos Carlos! Muchas gracias!
clases realmente útiles de cosas que no mencionan otros cursos
Lo que se aprende en esta clase es como manejar un array en los inputs
Si incluimos dentro de la etiqueta label el input ya no necesitamos enlazar ambas etiquetas con el atributo for y id:
