http

Formularios HTML y PHP para 1º Bachillerato TIC página 1/24

Formularios Web con HTML y PHP
Índice de contenido
1 Intro..................................................................................................................................................1
2 Elemento de un formulario HTML.....................................................................................2
3Campos de formularios HTML (controles)......................................................................................2
4 Campos de texto...............................................................................................................................2
5 Botones deenvío..............................................................................................................................3
5.1 Ejemplo1. Mi color preferido...................................................................................................3
5.2 Ejercicio1. Mis favoritos...........................................................................................................6
6 Casillas deverificación.....................................................................................................................7
6.1 Ejemplo2. Casillas de verificación. ¿has ido a...?.....................................................................7
6.2 Ejercicio2. Ingredientes extras de una Pizza............................................................................8
7 Botones deopción............................................................................................................................9
7.1 Ejemplo3. Botones de Opción. Test aritmética.......................................................................10
7.2 Ejemplo3 bis. Test aritmética Corregido. IF...ELSE...............................................................12
7.3 Ejercicio3. Botones de opción. Examen C. Naturales............................................................13
8Trabajo Final: Menú del Día...........................................................................................................14
9 EXTRAS: Ejemplo5. Cuadros de Lista..........................................................................................14
10 Ejercicio5. Cuadros de lista para tu color favorito.......................................................................17
11Ejemplo 6. Usar los valores devueltos por un formulario. Solicitud de un préstamo..................18
12 Ejercicio 6. Financiera de vehículos.............................................................................................22
13 OUTRO........................................................................................................................................24

1 IntroExisten dos formas básicas de interactuar con una página web, podemos hacer clic sobre un
enlace o enviar datos en un formulario.
Los formularios se usan en la navegación habitual por páginas web (i.e. Cuando entramos en
nuestro correo web, iniciamos sesión en youtube para subir un vídeo, buscamos una página con
google, o nos identificamos en facebook para acceder a nuestra red social,... siempreestamos enviando
datos mediante los campos de un formulario.

I.E.S. Clara Campoamor de Móstoles_

Dept. Tecnología. Prof. Javier Sanz Leyva 19/02/12

Formularios HTML y PHP para 1º Bachillerato TIC página 2/24

Los formularios de una página web se diseñan como el resto de la página, empleando HTML
(Lenguaje de Etiquetas de HiperTexto).

2 Elemento de un formulario HTML
Para crear unformulario basta insertar etiquetas de apertura y cierre en tu página
WEB. Todos los controles (campos de texto, casillas de verificación, botones de opción o botón de
enviar) que añadas entre las etiquetas y formarán parte del formulario que se
envía al servidor WEB.
El elemento cuenta con muchos atributos pero basta con utilizar 2 de ellos: action y
method.
Atributo action: indica...