Lección 17 de 22

Elementos de Formulario

Nueva Sección: Tablas y Formularios

Ahora que sabes cómo crear formularios básicos, vamos a explorar los diferentes tipos de campos que puedes usar para recopilar información de los usuarios.

Los formularios pueden tener varios tipos de campos:

  • <entrada tipo="texto"> - Campo de texto
  • <entrada tipo="correo"> - Campo de correo electrónico
  • <entrada tipo="numero"> - Campo numérico
  • <entrada tipo="fecha"> - Campo de fecha
  • <entrada tipo="color"> - Selector de color

Ejemplo

Un formulario con diferentes tipos de campos:

EsHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Vista Previa

¡Ahora te toca a ti!

Completa el formulario añadiendo campos para edad, fecha de nacimiento y color favorito. No olvides incluir las etiquetas y un botón para enviar.

Tu código EsHTML
1
2
3
4
5
6
7
8
9
HTML
1
2
3
4
5
6
7
8
9
Vista Previa