Ing. Orlando Huaranga NegreteIng. Orlando Huaranga Negreteorlandohn@hotmail.comorlandohn@hotmail.com

Aprender acerca de los elementosAprender acerca de los elementosque componen un Formulario.que componen un Formulario.

Conocer la definición de un formulario.

Identificar los controles que se utilizan dentro de un formulario.

Construir una aplicación usando formulario.

Definición de formulario.Definición de formulario. Elementos para introducir datos Elementos para introducir datos (Cajas de texto opciones).(Cajas de texto opciones). Botones.Botones. Controles Avanzados.Controles Avanzados.

Medio de comunicación entre las páginas y el servidor

<form action = ”procesaVenta.html” method = “post” name = “frmVenta” >...Elementos del Formulario...</form>

Definición de formulario.Definición de formulario. Elementos para introducir datos Elementos para introducir datos (Cajas de texto opciones).(Cajas de texto opciones). Botones.Botones. Controles Avanzados.Controles Avanzados.

Para el uso de cajas de texto se tiene:<INPUT> y <TEXTAREA>

<INPUT TYPE=“TEXT”> : Define una caja donde se puede escribir un texto de una línea, atributos:<input type=“text”

name=“identificador”

size=“30”

maxlength=“30”

value=“Contenido” >

<TEXTAREA> : Define una caja donde se puede escribir un texto de multiples lineas, atributos:

<textarea name=“identificador”

rows=“3”

cols=“40” >

Valor del TextArea</textarea>

Para el uso de opciones multiples tenemos:

<input type=“checkbox”

name=“identificador”

checked >

Para el uso de opciones discriminantes tenemos:

Sexo: <br>

Femenino : <input type=“radio” name=“identificador” value=“F”>

Masculino : <input type=“radio” name=“identificador” value=“M” checked>

Para selección simple o múltiple, mostradas en una lista (Combos y Listas):

<select name=“identificador” multiple >

Definición de formulario.Definición de formulario. Elementos para introducir datos Elementos para introducir datos (Cajas de texto opciones).(Cajas de texto opciones). Botones.Botones. Controles Avanzados.Controles Avanzados.

Sirven para disparar un evento, el cual puede producir el envió de la información o la realización de un proceso

<input type=“submit”

value=“Nombre del Boton”>

<input type=“reset”

value=“Nombre del Boton”>

<input type=“button”

value=“Nombre del Boton”>

<input type=“hidden”> Ocultar Variables

<input type=“password”> Ocultar con asteriscos

<input type=“file”> Muestra un explorador de Archivos