Formularios en html

Centro de Enseñanza Técnica Industrial

Formularios
TAREA # 5
Grupo: 2° J2
Registro: 10300891
Fecha: 06/Abr/2011

Formularios:
Los formularios, como su nombre lo indica, son formas que se llenan con el fin de obtener información acerca de una o un grupo de personas. Se usan mucho para registrarse en los sitios de internet, en los cuales das tus datos personales para crear una cuenta.Estos formularios se crean con el tag <FORM> y se finaliza igualmente, con </FORM>.

Dentro de un formulario se pueden poner varios comandos o cosas que nos ayudan a llenar con datos un formulario.

Sólo hay 5 tags que sirven para recolectar datos acerca de un usuario o persona: <FORM>, <INPUT>, <SELECT>, <OPTION> y <TEXTAREA>. A continuación seexplicarán.

El tag <FORM> cuenta con 3 atributos posibles:

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: Este atributo está reservado para que la información viajeen forma encriptada a través de Internet.

Por la manera general de <FORM>, es todo, a continuación se explicarán las distintas formas para insertar la información en un formulario:

<INPUT> o campos de entrada:
La etiqueta <INPUT> se la puede definir como una etiqueta multifunción, ya que con la misma podemos crear "push buttons", "radio buttons", "check boxes", y simplesrecuadros para ingresar texto.
El tag INPUT sirve para introducir datos a través de las siguientes parámetros:
ALIGN, CHECKED, MAXLENGTH, NAME, SIZE, SRC, TYPE, y VALUE

Los atributos cruciales para toda etiqueta <INPUT> son NAME, que asocia un nombre con cada variable ingresada; y TYPE, que puede asumir los valores: TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, IMAGE, y HIDDEN.Cajas de Texto (TYPE=”TEXT”)
Las cajas de texto, sirven para insertar información de manera escrita, en el cual se presenta un recuadro, en el cual se puede escribir horizontalmente el contenido que se te pide.

Sus requisitos son: INPUT, con el atributo TYPE=”text”

Aquí se inserta el texto si se quiere antes de la caja de texto <INPUT TYPE=”text”> Aquí se inserta el texto si se quieredespués de la caja de texto

Se le puede hacer dos acciones extra:

1. Limitar el número de caracteres que se pueden escribir como máximo dentro de la caja de texto: <INPUT type=”text” maxlength="5">
2. Indicar la longitud de la caja de texto (ancho): <INPUT type=”text” size="50">
(Por default el valor de su longitud es “20”)

Botones Radio o circulares (TYPE=”RADIO”)Los botones de radio o los botones circulares, son los que se pueden seleccionar sólo una opción en una lista de varios botones de radio.

Se insertan con:
<INPUT TYPE=”radio” NAME=”igual” VALUE=”distinto”> texto de la opción
No necesitan ser cerrados. Es crucial poner siempre en una lista con radios, el NAME igual, y el VALUE distinto en todas las opciones que se podrán seleccionar.Una acción que se puede hacer es la de tener seleccionado un dato por default, se hace poniendo la palabra CHECKED antes de cerrar “>” el comando.
<INPUT TYPE=”radio” NAME=”igual” VALUE=”distinto” CHECKED> texto de la opción por default

Botones Checkbox o cuadrados (TYPE=”CHECKBOX”)
Los botones de checkbox o los de multiselección, son los que se pueden seleccionar una o más opcionesen una lista de varias opciones.

<INPUT TYPE=”checkbox” NAME=”distinto” VALUE=”igual”> texto de la opción
No necesitan ser cerrados. En este caso, ahora el NAME es distinto y el VALUE es igual en todos los checkbox. También se puede aplicar la opción de selección por default CHECKED.

LISTAS:
Para la creación de listas de elementos utilizamos la etiqueta <SELECT> en lugar de la...