Formulario - Control Select en PHP

Control Select de un Formulario HTML


Select es un elemento que representa un control que permite al usuario elegir una sola opción de un conjunto de opciones distintas, es decir, se visualiza como una lista o menú desplegable de opciones.
Ésta etiqueta <select> es usada en los formularios de HTML cuando se requiere escoger una opción de varias.


Las opciones que contiene éste control <select> son representadas por etiquetas <option>. Dicho de otra forma, las etiquetas <option> representan opciones disponibles en una lista desplegable.
Cada etiqueta <option> debe tener definido la propiedad value, es decir, debe tener un valor. 
La opción que el usuario seleccione conservará su valor y ese será enviado a la página que procesa los datos del formulario.


Dentro de las etiquetas <option> y </option> se debe colocar un texto que el usuario podrá ver, para que así sepa de qué trata la opción.




Ejemplo del uso del control select en un formulario HTML que después es enviado a una página con programación PHP.

Nuestro programa trata sobre pedirle al usuario que ingrese dos números y que seleccione una de las dos opciones que se le presentan, las cuales son Sumar o Restar.


El siguiente código es un programa HTML en donde ponemos en funcionamiento el formulario.



El siguiente código es un programa PHP en donde procesamos los datos que el usuario ingresó en el formulario.



La ejecución del programa es la siguiente: 



Después de que el usuario haya ingresado ambos números, haya seleccionado una de las dos opciones (en este caso Sumar) y, al final, haya hecho clic en el botón operar, se le muestra la siguiente página con el resultado de la suma:  



Otro ejemplo de la ejecución del programa sería el siguiente: 



Después de haber ingresado ambos números, de haber seleccionado una opción (en este caso Restar) y de haber hecho clic en el botón operar, se le muestra al usuario la siguiente página con el resultado de la resta:  




Concluimos entonces que el elemento <select> lo podemos utilizar para crear una lista desplegable de opciones y, también con ello, podemos recopilar información del usuario. Teniendo en cuenta que el usuario solo podrá seleccionar una única opción de la lista de opciones que se le presente.



Para saber más, vea el siguiente video 👇












Bibliografía:


Ponce, De León, Diego. (s.f.). Elemento Select. htmlquick.com, Recuperado de:  https://www.htmlquick.com/es/reference/tags/select.html . Marzo 17, 2022.

Equihua, Jesús. (2017). Formularios HTML | Etiqueta select. [Jesús Equihua]. [Vídeo] Youtube. Recuperado de: https://youtu.be/0dNfhrPoRAU . Marzo 18, 2022.

Comentarios

Entradas populares de este blog

Acumulador en el ciclo for en JavaScript

Bases de datos MySQL

Delete (Baja de un registro en una tabla de MySQL)