Hacer un menú desplegable (html+css)

Formularios en HTML. Form, Checkbox, Option Button, ComboBox.

APRENDERAPROGRAMAR.COM

FORMULARIOS EN HTML.
ETIQUETAS FORM Y LABEL.
NAME, VALUE, ID.
CONTROLES: CHECKBOX,
OPTION BUTTON (RADIO) Y
COMBOBOX. (CU00720B)

Sección: Cursos
Categoría: Tutorial básico del programador web: HTML desde cero
Fecha revisión: 2029
Resumen: Entrega nº20 del Tutorial básico “HTML desde cero”.Autor: Enrique González Gutiérrez

© aprenderaprogramar.com, 2006-2029

Formularios en HTML. Form, Checkbox, Option Button, ComboBox.

FORMULARIOS EN HTML
En HTML, un formulario es una sección del documento destinada a que el usuario introduzca datos que
van a ser enviados a algún lado. En HTML un formulario puede contener cosas muy variadas: texto
normal, elementos especiales llamadoscontroles (checkboxs, radiobuttons, comboboxs, etc.), y otros
elementos especiales denominados etiquetas (labels). Explicaremos el significado de estos elementos
especiales y cómo generar formularios en HTML.

Los usuarios normalmente "completan" un formulario modificando sus controles, ya sea introduciendo
texto, seleccionando una opción entre varias, etc., antes de enviar el formulario y queéste sea
procesado. Escribe el siguiente código en un editor y guárdalo como ejemplo.html para que puedas
visualizarlo en tu navegador. No te preocupes ahora si no entiendes algunos de los elementos que
aparecen, porque los iremos explicando poco a poco.





Ejemplo del uso de formularios - aprenderaprogramar.com




Nombre:


Apellido:


Email:



Varón:


Mujer:La visualización que debes obtener es algo parecido a la siguiente imagen.

© aprenderaprogramar.com, 2006-2029

Formularios en HTML. Form, Checkbox, Option Button, ComboBox.

Supón que hemos rellenado los datos de este formulario. Cuando pulsamos en “Enviar”, la información
se envía al servidor y se utiliza para algo. ¿Qué utilidad se le puede dar a esta información? Engeneral,
un formulario html nos sirve para acceder a otra URL (dirección web) que recibe la información.
Cuando la nueva URL recibe la información pueden ocurrir varias cosas: que se muestre en pantalla,
que se escriba en una base de datos, que nos muestre una imagen distinta según la información que
hayamos enviado… Algunas de las cosas que hemos citado no se pueden hacer usando HTML. Porejemplo, no podemos escribir en una base de datos usando HTML. Sin embargo, sí podemos recoger la
información en un formulario o página web HTML y luego acceder a una dirección web de tipo php, asp,
jsp… que son tipos de páginas web que permiten realizar otro tipo de funciones más avanzadas
relacionadas con la programación, como es la escritura en bases de datos para almacenar la
información.CONTROLES
Los usuarios interaccionan con los formularios a través de los llamados controles. Un control vamos a
definirlo, de forma simplificada, como un objeto que aparece en la pantalla y que es modificable por el
usuario. Ejemplos de controles serían los que vamos a mostrar a continuación.
Checkbox o casilla de verificación: control que puede ser marcado o desmarcado por el usuario. Es muytípico cuando se requiere aceptar unas condiciones para realizar una compra en una página web, o
cuando se requiere aceptar la licencia para instalar un programa.

© aprenderaprogramar.com, 2006-2029

Formularios en HTML. Form, Checkbox, Option Button, ComboBox.

Option Button o botón circular seleccionable (“radio”): control que puede ser marcado o desmarcado
por el usuario, de formaque normalmente cuando se marca una opción se desmarca la que estuviera
seleccionada previamente. Es muy típico cuando se requiere elegir entre varias opciones.

ComboBox o lista desplegable: control que muestra una opción seleccionada de entre varias posibles, y
que al pulsar sobre él despliega una lista de opciones.

Atributos básicos de un control:
•

name: identifica un control...