[FUNDAMENTOS DE PROGRAMACION WEB] HTML

Capítulo FORMULARIOS
Dentro de un sitio Web siempre es necesario recabar información de los
usuarios que nos visitan ya sea para poder enviar consultas, publicidad,
ventas, cursos online, etc. por lo que será necesario incorporar los llamados
formularios.

Para poder insertar formulario debemos utilizar la etiqueta

Tipos de controles de un formulario

HTML define los siguientes tipos de controles:

1.1 Los de tipo input, tenemos:

1.2 Botones los tipos de botones son 3:

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 1

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

1.3 Casillas de verificación

1.4 Radio

1.5 Entrada de texto, son de 2 tipos:

Veamos un ejemplo como utilizar lo aprendido lo anterior

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 2

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

El código que genere esta imagen es:

2. Los de tipo button

El código generado será:

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 3

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

3. Los de tipo select

El código generado es:

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 4

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

4. Los de tipo textarea

El código generado, ya es una recopilación de varios ejemplos anteriores

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 5

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

5. Propiedades, métodos y eventos de un formulario

Las propiedades, métodos y eventos que se le puede agregar a un formulario se pueden observar en:

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 6

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

5.1 Propiedad de un formulario

Propiedad Descripción

name Es el nombre del formulario

id Es el identificador del formulario

action Es el lugar al cual se envía el formulario para ser procesado. El action define la URL a la
cual se envía dicho formulario
method Método de envio de los datos insertados en un formulario. El method puede ser:
GET= envía los datos en una cadena “visible”. Conveniente para enviar pocos datos.
POST= envía los datos en forma “invisible”. Conveniente para enviar una gran cantidad de
datos.
target Define la ventana o marco (frame) en la que se mostraran o procesaran los resultados del
formulario.
El valor es el mismo que ya hemos utilizado (blank, self, top, etc)
enctype Indica el tipo de documento en formato MIME. El más usado para que lleguen el
contenido a través de un mail con el método POST sería "text/plain". Especifica el tipo de
encriptación que se va a realizar con los datos que se van a enviar. Este atributo
solamente se aplica si method es POST. Indica cómo se codificará el formulario si utiliza el
método POST. Por defecto es "application/x-www-form-urlencoded". Otro posible valor
es "multipart/form-data". Más adelante veremos en qué caso se utiliza uno u otro tipo.

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 7

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

5.2 Métodos de un formulario

Método Descripción

submit Envía el formulario

reset Restablece los valores del formulario a los valores por defecto

5.3 eventos de un formulario

Eventos Descripción

onsubmit Es el principal evento del objeto form y se produce al enviar el formulario: ya sea
mediante el botón submit o mediante una función JavaScript que llame al método
submit()
onreset Funciona igual que el evento anterior pero se sucede al restablecer el formulario.

onclick, onkeydown, etc Hay más eventos que funcionan cuando se haya ejecutado alguno de ellos.

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 8

 [FUNDAMENTOS DE PROGRAMACION WEB] HTML

6. Los de tipo file

Este tipo de componente para un formulario, se utiliza para hacer la carga de archivos a un formulario. La carga de
archivos le permite enviar un archivo completo de su computadora a un servidor Web.

Note que para enviar archivos, hay que configurar para que permita subir archivos
además también se puede configurar el tamaño del archivo, pero eso no está contemplado en este material.

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 9