Está en la página 1de 12

¿Qué es un formulario?

Un formulario permite capturar datos de varias


maneras: directamente desde el teclado,
escogiendo un valor de una lista desplegable o
seleccionando una opción desde botones fijos o
de todas ellas combinadas.
Luego de la captura de datos, se forma un
registro que es enviado a un servidor http que
lo procesa y devuelve una respuesta.
Programas CGI
(Common Gateway Interface)
Son un puente entre el formulario y el servidor.
Recibe los datos, los procesa y confecciona una
respuesta para visualizarlos.
Etiquetas para crear
formularios en html
<FORM>
<INPUT>
<SELECT>
<OPTION>
<TEXTAREA>
Etiqueta <form> y </form>

Define la zona de formulario en una página y


se coloca en el cuerpo, es decir, <body>
</body>
ATRIBUTO DESCRIPCION

ACTION el valor de este parámetro es la URL del programa o


guión en el Servidor Web utilizado para procesar la
información recolectada.

METHOD puede asumir el valor GET o el valor POST, y definen


la manera en la cual los datos son transferidos al
servidor.

ENCTYPE reservado para que la información viaje en forma


encriptada a través de Internet. Es opcional, poco
usado.
Etiqueta <INPUT> y </INPUT>

Permite crear botones, cajas de texto o


recuadros de captura
Maneja los parámetros:
ALIGN, CHECKED, MAXLENGTH, NAME, SIZE,
SRC, TYPE, y VALUE
Cuadro de texto
El atributo VALUE indica el
valor por defecto, SIZE el
tamaño en pantalla y
MAXLENGTH la cantidad de
caracteres que se podrán
escribir en ella.
<INPUT TYPE="text"
NAME=“nombre"
VALUE=”jose” SIZE=8
MAXLENGTH=20>
Casilla de
verificación:
<input
type="checkbox"
name="cambiar"
value="ON">
Botón de opción:
<input type="radio"
value="azul" checked
name="color">
Botón de
comando:
<input
type="submit"
value="enviar"
name="enviar">
Cuadro de texto con
barras de
desplazamiento:
<textarea rows="5"
name="descripción"
cols="20">Es de color
rojo</textarea>
 Menú desplegable:
<select size="1" name="dia">
<option selected
value="lunes">lunes</option>
<option>martes</option>
<option
value="miercoles">miércoles</option>
</select>
<body>
<FORM name="datos usuario">
<p>Escribe Tu nombre <input type="text" name="nombre" size=30></p>
<p>Escribe Tu Apellido <input type="text" name="apellido" size=30></p>
<p>Escribe tu edad <input type="text" name="edad" SIZE=3 MAXLENGTH=5></p>
<p>¿Cuál es tu sexo?</p>
<blockquote>
<p>Masculino<input type="radio" value="Masculino" checked name="sexo"></p>
<p>Femenino <input type="radio" name="sexo" value="Femenino"></p>
</blockquote>
<p>¿Cuál es tu deporte favorito?</p>
<INPUT TYPE="checkbox" NAME="1" VALUE="YES">Natación
<BR><INPUT TYPE="checkbox" NAME="2" VALUE="YES"> Futbol
<BR><INPUT TYPE="checkbox" NAME="3" VALUE="YES"> Beisbol
<BR><INPUT TYPE="checkbox" NAME="4" VALUE="YES"> Tenis
<p><input type="submit" value="Enviar datos">
</FORM>
</body>

También podría gustarte