🐘 CURSO de PHP desde CERO - 44 SELECT y CHECKBOX multiples en FORMULARIOS PHP

Carlos Alfaro
6 Dec 202110:42

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

00:00

😀 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

Un formulario es una herramienta en línea que permite a los usuarios enviar información a un servidor. En el contexto del video, se discute cómo enviar datos a través de formularios usando PHP, específicamente mediante los métodos GET y POST. Esto es fundamental para la interacción con el usuario en aplicaciones web, ya que permite la recopilación de datos de manera estructurada.

💡método POST

El método POST es uno de los métodos HTTP utilizados para enviar datos a un servidor. A diferencia del método GET, que añade datos a la URL, el POST envía datos en el cuerpo de la solicitud, lo que permite enviar información más grande y sensible. En el video, se usa POST para enviar datos desde un formulario y luego recibirlos en un archivo PHP.

💡método GET

El método GET es otro de los métodos HTTP que se utiliza para solicitar datos del servidor. A través de este método, los datos se envían como parámetros en la URL, lo que puede ser menos seguro y tiene limitaciones en cuanto a la cantidad de datos. El video menciona que también se puede usar este método para enviar datos, aunque se enfoca principalmente en el método POST.

💡select múltiple

Un select múltiple permite a los usuarios seleccionar más de una opción de un conjunto de opciones. En el video, se explica cómo modificar un select normal para que acepte múltiples selecciones mediante el atributo 'múltiple', lo que permite una mejor recopilación de datos cuando se necesita que los usuarios seleccionen varias preferencias.

💡checkbox

Un checkbox es un elemento de formulario que permite a los usuarios seleccionar una o más opciones de un conjunto. En el video, se ilustra cómo usar checkboxes en un formulario para permitir múltiples selecciones, explicando que todos los checkboxes deben compartir el mismo 'name' con corchetes para enviarse como un array al servidor.

💡array

Un array es una estructura de datos que permite almacenar múltiples valores bajo un solo nombre. En el contexto del video, los datos enviados desde el formulario se almacenan en un array, lo que facilita su manipulación y acceso en el código PHP. Se menciona que, al utilizar checkboxes y selects múltiples, los datos se recibirán como arrays.

💡valores

Los valores son los datos específicos que los usuarios seleccionan o ingresan en un formulario. El video muestra cómo los valores seleccionados de los selects y checkboxes se envían al servidor, permitiendo que se procesen y se visualicen posteriormente. Por ejemplo, si un usuario selecciona 'matemáticas' y 'lenguajes', esos se convierten en los valores del array que se envía.

💡ciclo foreach

El ciclo foreach es una estructura de control en PHP que se utiliza para iterar sobre arrays. En el video, se utiliza este ciclo para recorrer los valores enviados desde el formulario y mostrarlos en pantalla, lo que demuestra cómo manejar los datos recibidos de manera efectiva.

💡PHP

PHP es un lenguaje de programación del lado del servidor utilizado principalmente para el desarrollo web. En el video, se utiliza PHP para recibir y procesar los datos de los formularios, mostrando su funcionalidad en la creación de aplicaciones web dinámicas. La interacción con formularios y la manipulación de datos son ejemplos clave de su uso.

💡enviar

Enviar se refiere a la acción de enviar datos desde un formulario a un servidor. En el video, se explica cómo al hacer clic en un botón de enviar, los datos seleccionados por el usuario se transmiten al archivo PHP correspondiente, donde pueden ser procesados o almacenados. Este proceso es fundamental para la funcionalidad de cualquier aplicación web interactiva.

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

play00:12

en el vídeo anterior que era

play00:14

introductorio a lo que son los

play00:16

formularios con php vimos cómo mandar

play00:20

datos como método get y método post y

play00:23

también vimos cómo enviar lo que son

play00:26

select y también lo que son input de

play00:29

tipo xbox en este vídeo te voy a mostrar

play00:32

cómo podemos hacer que un simple select

play00:35

sea de selección múltiple es decir

play00:38

seleccionar más de un valor y también

play00:41

con los xbox entonces vamos a utilizar

play00:44

siempre el mismo ejemplo pero ahora lo

play00:48

que vamos a hacer es eliminar esta parte

play00:51

de acá porque no nos interesa únicamente

play00:53

vamos a trabajar con el select y con el

play00:58

input de tipo xbox primero vamos a

play01:02

trabajar con el select entonces los

play01:04

datos los enviamos al archivo index php

play01:07

que sería este de acá y vamos a trabajar

play01:10

con el método post también podemos

play01:12

trabajar

play01:13

con el método get entonces tenemos este

play01:17

es el de que es un select normal que nos

play01:20

permite seleccionar únicamente un valor

play01:24

de los que tiene acá entonces lo vamos a

play01:27

convertir en un select múltiple es decir

play01:30

que podamos seleccionar múltiples

play01:33

valores como se hace eso bien primero lo

play01:37

que hacemos es acá en el selecto en la

play01:42

etiqueta de apertura del select debemos

play01:44

de agregarle un atributo que se llama

play01:46

múltiple entonces colocamos aquí

play01:49

múltiple y luego donde tiene el name acá

play01:54

vamos a abrir y cerrar corchetes aquí le

play01:58

estamos diciendo que esto va a ser un

play02:00

array es decir que vamos a poder

play02:03

seleccionar múltiples valores y

play02:06

recuperarlos en el archivo de destino

play02:08

que en este caso sería index punto php

play02:12

si vamos al archivo index php y

play02:16

utilizamos

play02:17

la función van damme para que nos

play02:21

muestre de qué tipo de datos sería la

play02:24

variable en este caso estamos utilizando

play02:26

el método post y vamos a utilizar este

play02:30

name para recibirlo no colocamos lo que

play02:34

son los corchetes únicamente colocamos

play02:36

el nombre o el link de el select acá

play02:40

vamos a decirle si muro dólar y un bajo

play02:45

post y vamos a abrir comillas acá dentro

play02:49

de los corchetes para guardarlo si van a

play02:53

ver que ahora que recargue que al

play02:55

ejemplo el select se vuelve diferente

play02:59

presionando control y clic puedo

play03:02

seleccionar todos los valores que yo

play03:05

quiera y si le damos en enviar vamos a

play03:08

ver que lo manda y ven que es un array

play03:11

que tiene tres elementos que sería

play03:13

inglés matemáticas y lenguajes que fue

play03:16

los que seleccioné cuando lo mandes y

play03:19

seleccionó todos

play03:21

va a mostrar todos los datos que tiene y

play03:26

también podemos recorrer todos los

play03:28

valores con un ciclo por h recordemos

play03:31

que este ciclo for each es para recorrer

play03:34

los valores de un array vamos a hacerlo

play03:38

acá rápidamente podemos almacenar el

play03:41

array en una variable o también podemos

play03:43

utilizarlo directamente vamos a hacerlo

play03:46

directamente

play03:46

vamos a colocar aquí for it abrimos

play03:51

cerramos

play03:53

47 abrimos cerramos llaves utilizamos el

play03:56

array que se llama asignatura que sería

play03:59

con el método post

play04:01

luego le decimos as y vamos a crear una

play04:05

variable que se llame asignatura para

play04:08

recorrer los datos vamos a mostrar en

play04:11

pantalla con eco lo que tenga

play04:15

asignatura y le vamos a dar un salto de

play04:18

línea con html si recargamos acá nuestro

play04:24

ejemplo vamos a ver si nos funciona nos

play04:27

dice que si queremos enviar nuevamente

play04:28

el formulario le decimos que sí y ven

play04:30

que muestran los valores que hemos

play04:32

seleccionado vamos a recargar que

play04:34

nuevamente solamente voy a seleccionar

play04:36

dos le deben enviar y recorre los dos

play04:39

valores que hemos seleccionado

play04:41

también podemos almacenarlo en variables

play04:44

como les dije vamos a copiar esto o

play04:47

mejor lo cortamos y le decimos que la

play04:49

variable se llama

play04:51

materias hola rebasen materias le

play04:54

asignamos el array que estamos enviando

play04:56

por el método post y aquí le decimos que

play05:00

vamos a recorrer materias mediante la

play05:03

variable asignaturas y guardamos y acá

play05:07

recargamos y seleccionamos por ejemplo

play05:10

estos tres

play05:11

y le damos en enviar ven que el ejemplo

play05:15

sigue funcionando sin problemas

play05:17

de esta forma convertimos un select en

play05:21

un selecto múltiple únicamente

play05:23

agregándole el atributo múltiple y

play05:25

colocando en los corchetes acá donde

play05:28

lleva el nombre ahora vamos a hacer lo

play05:31

que es un check box múltiple vamos a

play05:34

copiarlo varias veces para qué

play05:37

podamos hacer el ejemplo vamos a

play05:40

copiarlo dos veces más y vamos a

play05:43

modificar el foro de ley bold para

play05:46

seleccionarlo

play05:48

mediante su etiqueta si no saben para

play05:51

qué sirve este foro de una etiqueta y

play05:56

también con éste haití que es el mismo

play05:59

porque tiene es para que cuando nosotros

play06:04

clicamos el nombre también se va a

play06:06

seleccionar lo que es el xbox como benz

play06:10

y seleccionó acá se marca este otro

play06:13

también y vamos a modificarlo acá

play06:16

primero entonces aquí sería tres

play06:20

equivocado sería tres y acá tres

play06:23

entonces el foro tiene que tener el

play06:26

mismo ardid del input es decir el 'label

play06:29

debe de coincidir con el aid y entonces

play06:33

el name de los checks box tiene que ser

play06:36

exactamente el mismo para todos los

play06:40

elementos que en este caso son tres

play06:43

vamos a cambiar el valor por ejemplo

play06:46

esta va a ser

play06:48

fresa vamos a copiar aquí para que en el

play06:53

texto pues aparezca fresa

play06:55

recordemos que el valor es el valor que

play06:57

se envía cuando mandamos el formulario

play07:00

ahora vamos a modificar esta idea acá

play07:03

este valor vamos a decirle

play07:06

uva y acá también en el texto que se

play07:10

muestra

play07:12

en el formulario vamos a ir de acá vamos

play07:15

a recargarlo y acá tenemos tenemos

play07:18

manzana fresa o así ven clicamos cada

play07:21

uno de ellos o el texto se marca o se

play07:25

desmarca

play07:27

y para hacer que este xbox sea múltiple

play07:32

como le dije colocamos el mismo atributo

play07:35

name o con el mi valor pero le agregamos

play07:39

corchetes al final para decirle que esto

play07:43

va a ser un array de datos y en el

play07:46

archivo destino pues lo recibimos al

play07:48

igual que este otro vamos a darle un

play07:51

salto de línea con html

play07:56

voy a copiar esto unas cuantas veces

play07:59

para que nos dé un espacio bastante

play08:02

grande y aquí vamos a trabajar entonces

play08:04

vamos a decirle que vamos a almacenar en

play08:08

una variable o básicamente va a ser un

play08:10

array lo que nos devuelva o lo que

play08:13

estamos enviando desde el formulario en

play08:16

lo que es el array amado frutas que

play08:19

tiene 3 y xbox vamos a copiarlo y lo

play08:23

vamos a modificar aquí

play08:26

entonces este a raíz de llamamos a

play08:29

fresas podríamos colocarle frutas pero

play08:31

dejémoslo así

play08:32

este array tiene todos los datos que

play08:35

estamos enviando desde el formulario

play08:37

vamos a recorrerlo con un círculo for y

play08:39

vamos a copiarlo acá vamos a pegarlo y

play08:43

le vamos a decir que queríamos recorrer

play08:45

este array que se llama fresas

play08:49

ofrece en una variable que se llame

play08:52

fruta y vamos a cambiarlo aquí a fruta

play08:57

vamos a guardar y vamos a comprobar que

play09:00

está funcionando bien entonces

play09:03

seleccionemos solamente un valor acá en

play09:05

el select y aquí vamos a marcar los 3

play09:08

damos en enviar como ven aquí me dice

play09:11

matemática que fue del select y en el

play09:13

check back múltiple seleccionamos los 3

play09:16

vamos a seleccionar 2 acá vamos a

play09:19

desmarcar fresa solamente manzana y uva

play09:21

vamos a mandar le damos a enviar como

play09:24

bien dice manzana uva en este caso no

play09:27

seleccionó los dos porque no presione

play09:29

control recordemos que en el select

play09:31

presionamos control clic para

play09:33

seleccionar los valores y acá lo tenemos

play09:37

entonces de esa forma podemos crear

play09:40

también un xbox múltiple colocando el

play09:43

input de tipo xbox con el mismo name

play09:46

pero en ley al final colocamos lo que es

play09:50

corchete para indicarle que es un array

play09:53

y de esta forma podemos almacenarlo en

play09:57

variables o podemos recorrer los valores

play10:00

como lo tenemos acá

play10:02

puede insertar cada uno de ellos en una

play10:04

base de datos cuando trabajemos con

play10:06

bases de datos más adelante vamos a ver

play10:08

ejemplos utilizando xbox múltiples en

play10:13

este momento únicamente pues estamos

play10:15

viendo el funcionamiento de los

play10:17

formularios para poder trabajar bien

play10:20

cuando

play10:21

utilicemos bases de datos

Rate This

5.0 / 5 (0 votes)

Étiquettes Connexes
Formularios PHPSelección MúltipleCheckboxesMétodo POSTMétodo GETDesarrollo WebProgramaciónTutoriales OnlineInteracción UsuarioHTML
Besoin d'un résumé en anglais ?