🐘 CURSO de PHP desde CERO - 44 SELECT y CHECKBOX multiples en FORMULARIOS PHP
Summary
TLDREn este video, se explora cómo convertir un select en un select de selección múltiple y cómo implementar checkboxes múltiples en formularios PHP. Se muestra el uso de métodos GET y POST para enviar datos a un archivo PHP, además de cómo recibir y procesar esos datos en el servidor. El presentador explica paso a paso cómo agregar el atributo 'múltiple' en el select y cómo estructurar los checkboxes para que funcionen correctamente como arrays. A lo largo del tutorial, se destacan ejemplos prácticos y el funcionamiento básico de los formularios, preparando el camino para su uso en bases de datos en el futuro.
Takeaways
- 😀 Se presentó cómo enviar datos a través de formularios en PHP utilizando los métodos GET y POST.
- 😀 Se explicó cómo convertir un select normal en un select de selección múltiple agregando el atributo 'multiple'.
- 😀 Al agregar corchetes al nombre del select, se permite enviar múltiples valores como un array.
- 😀 Se demostró cómo recuperar y mostrar los valores seleccionados usando la función 'var_dump' en PHP.
- 😀 Se utilizó un ciclo 'foreach' para recorrer los elementos de un array y mostrar los resultados en pantalla.
- 😀 Se mostró cómo implementar checkboxes múltiples utilizando un nombre común y corchetes en el input.
- 😀 Al hacer clic en el texto de un checkbox, también se selecciona o deselecciona el valor correspondiente.
- 😀 Se utilizó un array para almacenar los valores enviados desde el formulario de checkboxes.
- 😀 Se explicó cómo comprobar qué valores se seleccionaron en el formulario antes de enviarlo.
- 😀 Se mencionó que en futuras lecciones se verán ejemplos de cómo insertar los datos de formularios en bases de datos.
Q & A
¿Cuál es el tema principal del guion?
-El tema principal del guion se centra en la importancia de la comunicación efectiva en el lugar de trabajo y cómo impacta la productividad y el ambiente laboral.
¿Qué estrategias se mencionan para mejorar la comunicación entre equipos?
-Se mencionan estrategias como la implementación de reuniones regulares, el uso de herramientas de colaboración en línea y la promoción de una cultura de retroalimentación abierta.
¿Por qué es importante la retroalimentación en el entorno laboral?
-La retroalimentación es crucial porque permite a los empleados conocer sus áreas de mejora y fortalezas, lo que contribuye a su desarrollo profesional y a un ambiente de trabajo más positivo.
¿Cómo afecta la falta de comunicación a un equipo?
-La falta de comunicación puede llevar a malentendidos, disminución de la moral del equipo, conflictos y, en última instancia, a una baja en la productividad.
¿Qué papel juegan las herramientas digitales en la comunicación efectiva?
-Las herramientas digitales facilitan la comunicación en tiempo real, permiten el intercambio rápido de información y ayudan a mantener a todos los miembros del equipo alineados en sus tareas y objetivos.
¿Cuáles son los beneficios de establecer reuniones regulares?
-Las reuniones regulares fomentan la cohesión del equipo, permiten abordar problemas de manera proactiva y proporcionan un espacio para compartir ideas y avances en proyectos.
¿Qué se sugiere para abordar los conflictos de manera efectiva?
-Se sugiere adoptar un enfoque constructivo, donde las partes involucradas se reúnan para discutir sus diferencias y busquen soluciones colaborativas.
¿Qué impacto tiene una buena comunicación en la satisfacción laboral?
-Una buena comunicación contribuye a una mayor satisfacción laboral, ya que los empleados se sienten valorados, escuchados y más conectados con la misión de la empresa.
¿Cómo se relaciona la comunicación efectiva con la innovación?
-La comunicación efectiva promueve un ambiente donde los empleados se sienten seguros para compartir ideas innovadoras, lo que puede llevar a mejoras en productos y procesos.
¿Qué aspectos de la cultura organizacional se deben fomentar para mejorar la comunicación?
-Se deben fomentar aspectos como la apertura, la transparencia y el respeto, así como el reconocimiento de la diversidad de opiniones y experiencias dentro del equipo.
Outlines
😀 Formulario PHP: Selección Múltiple con Selects y Checkboxes
En este video, se muestra cómo mejorar los formularios PHP permitiendo la selección múltiple utilizando elementos <select> y checkboxes. Se inicia explicando cómo modificar un <select> estándar para que permita múltiples selecciones, añadiendo el atributo 'multiple' y utilizando corchetes en el atributo 'name' para recibir los valores como un array en el script PHP. Se demuestra el procesamiento de los valores seleccionados mediante el método $_POST en el archivo de destino (index.php) y la iteración a través de los resultados con un bucle foreach. Luego, se aborda el uso de checkboxes, donde se explica que deben compartir el mismo 'name' con corchetes para ser tratados como un array. Cada checkbox se asocia con una etiqueta para facilitar su uso. El presentador modifica los valores y etiquetas de los checkboxes (por ejemplo, frutas como 'manzana', 'fresa' y 'uva') y muestra cómo recuperar y mostrar los valores seleccionados de manera similar al <select>. Se concluye enfatizando que ambas selecciones múltiples pueden gestionarse y almacenarse fácilmente usando arrays en PHP, y se menciona la integración de esta funcionalidad con bases de datos en lecciones futuras.
Mindmap
Keywords
💡formulario
💡método POST
💡método GET
💡select múltiple
💡checkbox
💡array
💡valores
💡ciclo foreach
💡PHP
💡enviar
Highlights
Introducción al uso de formularios en PHP, específicamente con métodos GET y POST.
Demostración de cómo convertir un select simple en un select múltiple usando el atributo 'multiple'.
Uso de corchetes en el nombre del select para permitir la selección de múltiples valores como un array.
Explicación sobre cómo utilizar la función var_dump para mostrar el tipo de datos recibido en el archivo destino.
Implementación de un ciclo foreach para recorrer y mostrar los valores seleccionados desde el select múltiple.
Reforzamiento de la funcionalidad del select múltiple con ejemplos prácticos de selección y envío de datos.
Creación de checkboxes múltiples y la importancia de que todos compartan el mismo atributo 'name'.
Explicación de cómo hacer que un checkbox sea múltiple utilizando el mismo nombre y corchetes.
Uso de etiquetas <label> para mejorar la accesibilidad de los checkboxes.
Diferenciación de valores enviados a través de checkboxes y su correcta representación en el archivo de destino.
Demostración de cómo recoger y almacenar datos de checkboxes en un array al enviar el formulario.
Comprobación de la funcionalidad del select y los checkboxes con pruebas en tiempo real de selección y envío.
Importancia de utilizar el método POST para la recuperación de datos en formularios de múltiples selecciones.
Uso de saltos de línea en HTML para organizar la presentación de los datos en la salida.
Preparación para futuras implementaciones con bases de datos al trabajar con formularios múltiples.
Conclusión sobre cómo los formularios pueden facilitar la recopilación de múltiples datos del usuario.
Transcripts
en el vídeo anterior que era
introductorio a lo que son los
formularios con php vimos cómo mandar
datos como método get y método post y
también vimos cómo enviar lo que son
select y también lo que son input de
tipo xbox en este vídeo te voy a mostrar
cómo podemos hacer que un simple select
sea de selección múltiple es decir
seleccionar más de un valor y también
con los xbox entonces vamos a utilizar
siempre el mismo ejemplo pero ahora lo
que vamos a hacer es eliminar esta parte
de acá porque no nos interesa únicamente
vamos a trabajar con el select y con el
input de tipo xbox primero vamos a
trabajar con el select entonces los
datos los enviamos al archivo index php
que sería este de acá y vamos a trabajar
con el método post también podemos
trabajar
con el método get entonces tenemos este
es el de que es un select normal que nos
permite seleccionar únicamente un valor
de los que tiene acá entonces lo vamos a
convertir en un select múltiple es decir
que podamos seleccionar múltiples
valores como se hace eso bien primero lo
que hacemos es acá en el selecto en la
etiqueta de apertura del select debemos
de agregarle un atributo que se llama
múltiple entonces colocamos aquí
múltiple y luego donde tiene el name acá
vamos a abrir y cerrar corchetes aquí le
estamos diciendo que esto va a ser un
array es decir que vamos a poder
seleccionar múltiples valores y
recuperarlos en el archivo de destino
que en este caso sería index punto php
si vamos al archivo index php y
utilizamos
la función van damme para que nos
muestre de qué tipo de datos sería la
variable en este caso estamos utilizando
el método post y vamos a utilizar este
name para recibirlo no colocamos lo que
son los corchetes únicamente colocamos
el nombre o el link de el select acá
vamos a decirle si muro dólar y un bajo
post y vamos a abrir comillas acá dentro
de los corchetes para guardarlo si van a
ver que ahora que recargue que al
ejemplo el select se vuelve diferente
presionando control y clic puedo
seleccionar todos los valores que yo
quiera y si le damos en enviar vamos a
ver que lo manda y ven que es un array
que tiene tres elementos que sería
inglés matemáticas y lenguajes que fue
los que seleccioné cuando lo mandes y
seleccionó todos
va a mostrar todos los datos que tiene y
también podemos recorrer todos los
valores con un ciclo por h recordemos
que este ciclo for each es para recorrer
los valores de un array vamos a hacerlo
acá rápidamente podemos almacenar el
array en una variable o también podemos
utilizarlo directamente vamos a hacerlo
directamente
vamos a colocar aquí for it abrimos
cerramos
47 abrimos cerramos llaves utilizamos el
array que se llama asignatura que sería
con el método post
luego le decimos as y vamos a crear una
variable que se llame asignatura para
recorrer los datos vamos a mostrar en
pantalla con eco lo que tenga
asignatura y le vamos a dar un salto de
línea con html si recargamos acá nuestro
ejemplo vamos a ver si nos funciona nos
dice que si queremos enviar nuevamente
el formulario le decimos que sí y ven
que muestran los valores que hemos
seleccionado vamos a recargar que
nuevamente solamente voy a seleccionar
dos le deben enviar y recorre los dos
valores que hemos seleccionado
también podemos almacenarlo en variables
como les dije vamos a copiar esto o
mejor lo cortamos y le decimos que la
variable se llama
materias hola rebasen materias le
asignamos el array que estamos enviando
por el método post y aquí le decimos que
vamos a recorrer materias mediante la
variable asignaturas y guardamos y acá
recargamos y seleccionamos por ejemplo
estos tres
y le damos en enviar ven que el ejemplo
sigue funcionando sin problemas
de esta forma convertimos un select en
un selecto múltiple únicamente
agregándole el atributo múltiple y
colocando en los corchetes acá donde
lleva el nombre ahora vamos a hacer lo
que es un check box múltiple vamos a
copiarlo varias veces para qué
podamos hacer el ejemplo vamos a
copiarlo dos veces más y vamos a
modificar el foro de ley bold para
seleccionarlo
mediante su etiqueta si no saben para
qué sirve este foro de una etiqueta y
también con éste haití que es el mismo
porque tiene es para que cuando nosotros
clicamos el nombre también se va a
seleccionar lo que es el xbox como benz
y seleccionó acá se marca este otro
también y vamos a modificarlo acá
primero entonces aquí sería tres
equivocado sería tres y acá tres
entonces el foro tiene que tener el
mismo ardid del input es decir el 'label
debe de coincidir con el aid y entonces
el name de los checks box tiene que ser
exactamente el mismo para todos los
elementos que en este caso son tres
vamos a cambiar el valor por ejemplo
esta va a ser
fresa vamos a copiar aquí para que en el
texto pues aparezca fresa
recordemos que el valor es el valor que
se envía cuando mandamos el formulario
ahora vamos a modificar esta idea acá
este valor vamos a decirle
uva y acá también en el texto que se
muestra
en el formulario vamos a ir de acá vamos
a recargarlo y acá tenemos tenemos
manzana fresa o así ven clicamos cada
uno de ellos o el texto se marca o se
desmarca
y para hacer que este xbox sea múltiple
como le dije colocamos el mismo atributo
name o con el mi valor pero le agregamos
corchetes al final para decirle que esto
va a ser un array de datos y en el
archivo destino pues lo recibimos al
igual que este otro vamos a darle un
salto de línea con html
voy a copiar esto unas cuantas veces
para que nos dé un espacio bastante
grande y aquí vamos a trabajar entonces
vamos a decirle que vamos a almacenar en
una variable o básicamente va a ser un
array lo que nos devuelva o lo que
estamos enviando desde el formulario en
lo que es el array amado frutas que
tiene 3 y xbox vamos a copiarlo y lo
vamos a modificar aquí
entonces este a raíz de llamamos a
fresas podríamos colocarle frutas pero
dejémoslo así
este array tiene todos los datos que
estamos enviando desde el formulario
vamos a recorrerlo con un círculo for y
vamos a copiarlo acá vamos a pegarlo y
le vamos a decir que queríamos recorrer
este array que se llama fresas
ofrece en una variable que se llame
fruta y vamos a cambiarlo aquí a fruta
vamos a guardar y vamos a comprobar que
está funcionando bien entonces
seleccionemos solamente un valor acá en
el select y aquí vamos a marcar los 3
damos en enviar como ven aquí me dice
matemática que fue del select y en el
check back múltiple seleccionamos los 3
vamos a seleccionar 2 acá vamos a
desmarcar fresa solamente manzana y uva
vamos a mandar le damos a enviar como
bien dice manzana uva en este caso no
seleccionó los dos porque no presione
control recordemos que en el select
presionamos control clic para
seleccionar los valores y acá lo tenemos
entonces de esa forma podemos crear
también un xbox múltiple colocando el
input de tipo xbox con el mismo name
pero en ley al final colocamos lo que es
corchete para indicarle que es un array
y de esta forma podemos almacenarlo en
variables o podemos recorrer los valores
como lo tenemos acá
puede insertar cada uno de ellos en una
base de datos cuando trabajemos con
bases de datos más adelante vamos a ver
ejemplos utilizando xbox múltiples en
este momento únicamente pues estamos
viendo el funcionamiento de los
formularios para poder trabajar bien
cuando
utilicemos bases de datos
5.0 / 5 (0 votes)