Formularios

El formulario es un elemento usado para permitir al cliente ingresar datos que luego seran procesador y retornados al documento HTML. Estas etiquetas son ahora indispensables en conjunto con leguajes de programacion como: javascript y PHP.

Aunque el formulario esta diseñado basicamente para uso del raton, muchas navegadores cliente tiene convenciones de teclado para moverse dentro del formulario, por ejemplo, TAB y Shift TAB para moverse adelante y atrás entre los controles del formulario y un Enter envía el formulario.

Es posible además diseñar un formulario que solicite un archivo texto como entrada, el cual puede haber sido previamente descargado por el cliente para ser llenados fuera de línea, lo que proporciona invaluable ayuda para empresas que dan soporte técnico o proveen de algún servicio u organizadores de eventos (ficha de inscripcion).

1. Formulario <FORM>

Esta etiqueta es usada para definir el formulario. Puede haber varios formularios en una página HTML, pero estos no pueden estar anidados. En cualquier protocolo, el contenido de la forma respuesta consiste en pares nombre=valor.

1.1 ACTION

Define la acción a efectuar, osea cómo y dónde serán enviados los datos: por correo electrónico a la dirección indicada o hacer uso de una pagina PHP en servidor.

Si se omite este parámetro, se asumirá la dirección del propio documento en lo que se llama un autoenvio.

La forma como la data será enviado depende del protocolo URL especificado y de los valores de las propiedades: METHOD y ENCTYPE. Cuando se define como HTTP, la propiedad METHOD debe cumplir el estándar IEFT-HTTP.

1.2 METHOD

Selecciona la forma de transmitir los pares nombre=valores ingresados en el formulario.

1.2.1 GET

Usa la función QUERY_STRING() para transmitir los pares nombre/valores ingresados en el formulario como parámetros añadidor visibles en el URL. Soporta máximo 256 caracteres de parámetros. Opcion por omision.

action?name1=val1&name2=val2...

1.2.2 POST

Usa la función STDIN() para transmitor los pares nombre/valores ingresados en el formulario manera invisible. Soporta un ilimitado número de caracteres como parámetros, usado para transferir información confidencial. ENCTYPE debe ser tipo MIME de la forma application/x-www-form-urlencoded.

1.3 ENCTYPE

Especifica el formato MIME de la data en caso que el protocolo no imponga un formato específico.

2. Campo de entrada <INPUT>

Este elemento define una entrada editable por el usuario. No tiene etiqueta de cierre. Sus parametros obligatorios son TYPE y NAME.

<INPUT TYPE=tipo NAME=nombre>

El parametro NAME es muy importante porque sera el primer parte del par enviado como dato nombre/valores. Si incluyes el parametro VALUE ese ser el valor predeterminado del control.

En HTML5 se recomienda usar la etiqueta LABEL para ingresar el texto de INPUT.

Parametros de INPUT
ParametroDescripcionObsoleto
TYPEDefine el tipo de campo. Por omisión se usa TEXT, pero puedes usar cualquiera de los siguientes parámetrosNo
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT. ObligatorioNo
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT. Tambien usado como el valor inicial del elemento.No
MAXLENGTHNumero. Numero maximo de caracteres aceptados. Si no alcanza el tamaño visual hace scroll. Solo usado tipo TEXT.No
AUTOCOMPLETEBoleano, que indica que debe aucompletar texto.No
TITLETexto. Permite añadir un texto explicativo como tooltip.No
REQUIREDBoleano.No
READONLYBoleano. Podras seleccioanrlo pero no cambiarlo. Solo para TEXT.No
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.No
CHECKEDBoleano. Solo usado tipo CHECK y RADIO.No
SELECTEDBoleano. Solo usado tipo SELECT.No
TABINDEXNumero. Permite cambiar el orden natural de navegacion usando TAB.Si
SIZENumero. Tamaño visual del elementoSi
AUTOFOCUSBoleano.Si

2.1 TEXT

Valor usado para mostrar un campo simple para ingresar una línea de texto. OMISION.

Atributos de TYPE=TEXT
AtributoDescripcion
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
VALUECadena. Valor predeterminado
NAMECadena. Nombre del control
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
AUTOCOMPLETEBoleano. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
Introduce tu nombre: <INPUT TYPE=text NAME=nombre SIZE=10 MAXLENGTH=35 VALUE=Kike>

Introduce tu nombre:

2.2 PASSWORD

Es un campo texto oculto por asteriscos (*) usado para el ingreso de claves de acceso. Usa los mismos parámetros que TEXT.

Atributos de TYPE=PASSWORD
AtributoDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
NAMECadena. Nombre del control
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
Introduce tu clave: <INPUT TYPE=password NAME=clave SIZE=9>

Introduce tu clave:

<INPUT TYPE=password NAME=clave PATTERN=".[6,]" TITLE="6 caracteres o mas."  >

<INPUT TYPE=password PATTERN="(?=.*\d)(?=.*[1-z])(?=.*[A-Z]).[8,]" TITLE="Debe conteneralmenos un digito, una minuscula, una mayuscula y 8 caracteres o mas.">

2.3 HIDDEN

El usuario no podrá ver ni modificar este campo. Sin embargo siempre se enviará el par nombre=valor. Usado para transferir estados sobre la interacción cliente/servidor. Solo tiene los parámetros NAME y VALUE.

Atributos de TYPE=HIDDEN
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control
<INPUT TYPE=hiden NAME=clave VALUE=123>

2.4 URL

Es un control especifico para ingresar una URL.

Atributos de TYPE=URL
AtributoDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
VALUECadena. Valor predeterminado
NAMECadena. Nombre del control
AUTOCOMPLETEBoleano. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=url NAME=web>

Ejemplo:

<INPUT TYPE=url PATTERN="https?://.+" TITLE="Incluir http://">

Ejemplo:

2.5 EMAIL

Es un control especifico para ingresar un correo electronico.

Atributos de TYPE=EMAIL
AtributoDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
VALUECadena. Valor predeterminado
NAMECadena. Nombre del control
AUTOCOMPLETEBoleano. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=email>

Ejemplo:

<INPUT TYPE=email pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" TITLE="caracteres@carateres.dominio">

Ejemplo:

2.6 SEARCH

Es un control especifico para ingresar un texto a buscar.

Atributos de TYPE=SEARCH
AtributoDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
VALUECadena. Valor predeterminado
NAMECadena. Nombre del control
AUTOCOMPLETEBoleano. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=search>

Ejemplo:

<INPUT TYPE=search PATTERN="[^'\x22]+" TITLE="Invalid input">

Ejemplo:

2.7 TEL

Es un control especifico para ingresarun numero telefonico.

Atributos de TYPE=TEL
AtributoDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
MAXLENGTHNumero. Numero maximo de caracteres.
SIZENumero. Especifica el ancho visible en caracteres.
VALUECadena. Valor predeterminado
NAMECadena. Nombre del control
AUTOCOMPLETEBoleano. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=tel>

Ejemplo:

2.8 NUMBER

Usada para entradas de tipo numericas controladas por el navegador cliente.

Atributos de TYPE=NUMBER
AtributoDescripcion
MINNumero. Valor minimo
MAXNumero. Valor maximo
STEPNumero. Intervalo legal
VALUENumero. Valor predeterminado
NAMECadena. Nombre del control
AUTOCOMPLETEON|OFF. Determina que el navegador cliente ayuda autocompletando texto.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=number VALUE=57>

Ejemplo:

<INPUT TYPE=number MIN=0 MAX=100 STEP=5 VALUE=50>

Ejemplo:

2.9 RANGE

Usada para entradas de tipo numericas controladas por una barra de desplazamineto desde el navegador cliente.

Atributos de TYPE=RANGE
AtributoDescripcion
MINNumero. Valor minimo
MAXNumero. Valor maximo
STEPNumero. Intervalo legal
VALUENumero. Valor predeterminado
NAMECadena. Nombre del control
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Desabilita el control.
READONLYBoleano. Solo lectura.
REQUIREDBoleano. Requerido.
<INPUT TYPE=range MIN=0 MAX=100 STEP=10 VALUE=30>

Ejemplo:

2.10 FILE

Usado para solicitar un nombre de archivo. Un parametro impotante es ACCEPT que delimita el tipo de archivo: audio/*, image/* o video/* para aceptar cualquier formato MIME.

Parametros de TYPE=FILE
ParametroDescripcion
ACCEPTCadena. Especifica el tipo de archivo que acepta como entrada.
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT.
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.
<INPUT TYPE=file ACCEPT=".doc .docx .xml">

Ejemplo:

2.11 IMAGE

Usado para mostrar un boton tipo imagen. Debes usar el atributo SRC.

Atributos de TYPE=IMAGE
AtributoDescripcion
SRCCaracter. Espesifica URL de imagen a mostrar.
WIDTHPixeles. Especifica el ancho de la imagen.
HEIGHTPixeles. Especifica el alto de la imagen.
ALTCracter. Texto alternativo a la imagen.
<INPUT TYPE=image SRC=action.gif ALT=accion>

Ejemplo:

2.12 DATETIME

Usada para solicitar una fecha - hora. Depende del navegador usado por cliete.

Parametros de TYPE=DATETIME
ParametroDescripcion
PATTERNRegExp. Especifica caracteres aceptables en [] y numero en {}
TITLECadena. Ayuda al usuario con formato valido de PATTERN.
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT.
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT.
AUTOFOCUSBoleano. Determina que el foco esta en este control al iniciar pagina.
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.
<INPUT TYPE=datetime>

Ejemplo:

2.1.1 TIME

<INPUT TYPE=time>

Ejemplo:

2.12.2 DATETIME-LOCAL

<INPUT TYPE=datetime-local>

Ejemplo:

2.12.3 DATE

<input type=date>

Ejemplo:

2.12.4 MONTH

<input type=month>

Ejemplo:

2.12.5 WEEK

<INPUT TYPE=week>

Ejemplo:

2.13 COLOR

Usado para permitir elegir un color mostrando una paleta de colores. Depende del navegador cliente.

Parametros de TYPE=COLOR
ParametroDescripcion
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT.
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT.
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.
<INPUT TYPE=color>

Ejemplo:

2.14 CHECKBOX

Usado para definir un elemento que solo puede tomar uno de dos valores: SI o NO. Por omisión no está marcado, pero puedes usar CHECKED para que aparezca inicialmente marcado. Con el parámetro VALUE determinas su valor.

Parametros de TYPE=CHECKBOX
ParametroDescripcion
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT.
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT.
CHECKEDBoleano. Para indicar opcion preseterminada.
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.

A diferencia de otros controles que envian el par nombre=valor asi no actues con el control, este par solo es enviado si esta marcada la casilla. Ademas usa una variante que es importante entender. Si NO se define un VALUE el par enviado sera: nombre=ON.

Qué manual te gustó ?
<INPUT TYPE=Checkbox NAME=Man1 VALUE=Si CHECKED>HTML<BR>
<INPUT TYPE=Checkbox NAME=Man2>JavaScript<BR>
<INPUT TYPE=Checkbox NAME=Man3 CHECKED>Trucos

Qué manual te gustó ?
HTML
JavaScript
Trucos

Esto enviaria los pares ?Man1=Si&Man3=ON, Nota que el poner VALUE reemplazo a ON.

2.15 RADIO

Usado para seleccionar un valor entre un grupo de alternativas fijas. Cada botón de radio agrupado debe tener el mismo nombre y solo el seleccionado enviara el par nombre=valor. Por omisión no está marcado, pero puedes usar CHECKED para que aparezca inicialmente marcado. Con el parámetro VALUE determinas su valor.

Parametros de TYPE=RADIO
ParametroDescripcion
NAMECadena. Nombre del elemento que sera pasado al hacer SUBMIT.
VALUECadena. Valor del elemento que sera pasado al hacer SUBMIT.
CHECKEDBoleano. Para indicar opcion preseterminada.
DISABLEDBoleano. Para desabilitar el control. Se mostrara gris.
Moneda:
<INPUT TYPE=Radio NAME=Moneda VALUE=S>Soles<BR>
<INPUT TYPE=Radio NAME=Moneda VALUE=D CHECKED>Dolares

Moneda:
Soles
Dolares

Es importante hacer notar que solo se enviara el par nombre=valor del radio que esta marcado. De no definir un VALUE sera enviado el par nombre=ON, por lo que debes usar nombres distintos en cada opcion radio para distinguirlos.

Sexo:
<INPUT TYPE=Radio NAME=F CHECKED>Femenino<BR>
<INPUT TYPE=Radio NAME=M>Masculino

Sexo:
Femenino
Masculino

2.16 BUTTON

Es un boton adicional sin funcion especifica para usar en lugar de SUBMIT o RESET.

Atributos de TYPE=BUTTON
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control

2.17 RESET

Boton que limpia el formulario a los valor por defecto. Puede contener un VALUE el cual ademas sera usado en reemplazo de la palabra Restablecer usada por defecto en ausencia de VALUE.

Atributos de TYPE=RESET
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control
<INPUT TYPE=reset>

Ejemplo:

<INPUT TYPE=reset VALUE=Borrar>

Ejemplo:

2.18 SUBMIT

Es el boton predeterminado para inicar la accion definida en ACTION. Puede contener un VALUE el cual ademas sera usado en reemplazo de la palabra Enviar usada por defecto en ausencia de VALUE.

Atributos de TYPE=SUBMIT
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control
<INPUT TYPE=submit>

Ejemplo:

<INPUT TYPE=submit VALUE=Guardar>

Ejemplo:

El unico control que enviara el documento es SUBMIT. Para que cualquier otro control envie el documento es necesario usar un evento de JavaScript.

3. LABEL

Para ingresar una etiqueta de titulo para cada valor de CHECK o RADIO. Si no incluyes el INPUT dentro del label, lo puedes asocias con FOR.

Atributos LABEL
AtributoDescripcion
FORCadena. Debe coincidir con ID de un elemento.
Qué manual te gustó ?<BR>
<LABEL>HTML<INPUT TYPE=Checkbox NAME=Man1 CHECKED></LABEL><BR>
<LABEL>JavaScript<INPUT TYPE=Checkbox NAME=Man2></LABEL><BR>
<LABEL>PHP<INPUT TYPE=Checkbox NAME=Man3></LABEL>

Qué manual te gustó ?


Sexo ?<BR>
<INPUT TYPE=radio NAME=sexo ID=h VALUE=hombre><LABEL FOR=h>Hombre</LABEL><BR>
<INPUT TYPE=radio NAME=sexo ID=m VALUE=mujer><LABEL FOR=m>Mujer</LABEL>

Sexo ?

Al estar asociado el LABEL hacer un clic sobre el conmuta el control.

4. BUTTON

Desde HTML 4.0 se introduce una nueva etiqueta que puede contener en su parametro TYPE los valores submit | reset. La gran innovacion es que al tener etiqueta de apertura y cierre <BUTTON>...<BUTTON> puedes encapsular una imagen por ejemplo.

Atributos BUTTON
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control
AUTOFOCUSBoleano. Espeficica que el area debe tener el foco al abrir pagina
REQUIREDBoleano. Debe ser rellenado
DISABLEDBoleano. Desabilitado
<BUTTON TYPE=submit><IMG SRC=image1.gif ALT=figura></BUTTON>

Ejemplo:

5. List

Muestra una lista de opciones predefinidas.

Atributos LIST
AtributoDescripcion
NAMECadena. Nombre del control
VALUECadena. Valor del control
AUTOFOCUSBoleano. Espeficica que el area debe tener el foco al abrir pagina
REQUIREDBoleano. Debe ser rellenado
DISABLEDBoleano. Desabilitado
<INPUT LIST=abc>
<DATALIST id=abc>
   <OPTION VALUE=iExplores>
   <OPTION VALUE=Chrome>
   <OPTION VALUE=FireFox>
   <OPTION VALUE=Opera>
   <OPTION VALUE=Safari>
</DATALIST>

6. Desplegable con SELECT

Con este etiqueta se define un emergente o lista desplegable. A continuacion cada elemento del emergente se define con la etiqueta <OPTION> Puedes incluir el parámetro SELECTED para indicar que esta es la opción inicialmente seleccionada. Si ninguna opción es seleccionada, por omisión queda seleccionada la primera.

Atributos de SELECT
AtributoDescripcion
MULTIPLEBoleano. Especifica si es de sellecion multiple.
SIZENumero. En seleccion ultiple el numero de opciones visibles.
NAMECaracter. Especifica el nombre.
AUTOFOCUSBoleano. Espeficica que el area debe tener el foco al abrir pagina
REQUIREDBoleano. Debe ser rellenado
DISABLEDBoleano. Desabilitado
Atributos de OPTION
AtributoDescripcion
VALUECaracter. Valor de esta opcion.
LABELCaracter. Etiqueta para la opcion.
SELECTEDBoleano. Opcion preseleccionada.
DISABLEDBoleano. Opcion desabilitada.

Es posible permitir la seleccion multiple usando el parametro MULTIPLE, definir el numero de opciones visibles con SIZE, su alineacion con ALIGN.

<SELECT NAME=Savor>
   <OPTION VALUE=1>Vainilla</OPTION>
   <OPTION VALUE=2 SELECTED>Fresa</OPTION>
   <OPTION VALUE=3>Ron y pasas</OPTION>
   <OPTION VALUE=4>Chocolate</OPTION>
</SELECT>

Es posible desabilitar una de las opciones con DISABLED en la etiqueta OPTION, asi como introducir un tooltip explicativo con TITLE.

En caso de permitir multiple seleccion el nombre de debe acabar con corchetes y las opciones elegidas se enviaran como matriz. Se debe añadir SIZE y para seleccionar varias opciones se usa CRTL+clic.

<SELECT NAME=Savor[] SIZE=3 MULTIPLE>
   <OPTION value=1>Vainilla</OPTION>
   <OPTION value=2>Fresa</OPTION>
   <OPTION value=3>Ron y pasas</OPTION>
   <OPTION value=4>Chocolate</OPTION>
</SELECT>

7. Campo de área de texto

Este etiqueta permite al usuario ingresar más de una línea de texto. El campo es mostrado en caracteres de tamaño fijo y puede ser escroleado si es necesario. VALUE es el texto mostrado es usado para inicializar el campo. Típicamente los valores de los atributos ROWS y COLS determinan la dimensión visible del campo de caracteres y WRAP su compontamiento.

Atributos de TEXTAREA
AtributoDescripcion
COLSNumero de columnas. Ancho del area.
ROWSNumero de filas. Alto del area.
MAXLENGTHMaximo numero de caracteres permitidos.
NAMECaracteres. Especifica el nombre.
WRAPOFF, Por omisión. No se produce saltos de línea automáticos y el texto es enviado exactamente como fue escrito.
VIRTUAL, Se usa salto de línea automático solo para mostrar el texto en pantalla, el texto realmente es enviado como una sola línea.
PHYSICAL, Se usa y envía el texto con saltos automáticos de línea.
AUTOFOCUSBoleano. Espeficica que el area debe tener el foco al abrir pagina
REQUIREDBoleano. Debe ser rellenado
READONLYBoleano. Solo lectura
DISABLEDBoleano. Desabilitar elemento.
DIRNAMECaracteres. La direccion del texto debe ser enviada
FORMCaracteres. Especifica uno o mas formulario a los qu epertenece el area
PLACEHOLDERCaracteres. Specifies a short hint that describes the expected value of a text area
<TEXTAREA ROWS=4 COLS=50>Este texto es predeterminado.</TEXTAREA>

Ejemplo:

8. KEYGEN

Atributos de KEYGEN
AtributoDescripcion
KEYTYPErsa. Usuario puede tener una opcion de la fortaleza RSA.
dsa. Usuario puede tener la opcion de tamaño de clave DSA.
ec. Usuario puede tener la opcion de formaleza de clave CE.
CHALLENGEEspecifica el valor de KeyGen debe cumplir antes de enviar.
FORMForm ID. Especifica el o los formularios afectados.
NAMECaracter. Especifica el nombre.
AUTOFOCUSBoleano. Espefica que este control debe tener el foco al abrir pagina
DISABLEDBoleano. Control desabilitado
Elemplo<br>
<FORM ACTION=action.php METHOD=get>
Usuario: <INPUT TYPE=text NAME=nom><br>
Encryption: <keygen NAME=sec>
<INPUT TYPE=submit>
</FORM>

Elemplo

Usuario:
Encryption:

9. Cuando se envia los parametros ?

Es muy importante enternder que un formulario NO envia siempre el contenido de VALUE de todos los componentes y que cada componente tiene un comportamiento especial y diferente.

Cuando se envia el VALUE
TypeCuando se envia VALUE
textEste control siempre envia el contenido de VALUE.
hiddenEste control siempre envia el contenido de VAlUE.
checkboxEste control solo envia el contenido de VALUE si se marca la casilla. Si no tiene VALUE envia on.
radioEste control solo envia el contenido de VALUE si se marca algun radio. Si no tiene VALUE envia on.
fileEste control siempre envia el contenido de VALUE.
imageEste control siempre envia el contenido de VALUE.
selectEste control siempre envia el contenido de VALUE. Si no tiene VALUE envia OPTION.

10. Ejemplos finales

Ejemplo 1

Por favor rellena este cuestionario:

Nombre:

Apellido:

Apodo:

Sexo:
Femenino
Masculino

Tu color preferido es:

Qué manual te gustó ?

HTML y CSS
JavaScript y jQuery
PHP y MySQL
Trucos de páginas Web

Gracias por responder este cuestionario.

El botón SUBMIT es usado para ordenar que se ejecute ACTION. Si solo tienes un campo lo puedes olvidar, un Enter acciona el ACTION.


Ejemplo 2

Es posible además diseñar un formulario que solicite un archivo texto como entrada, el cual puede haber sido previamente enviados al usuario para ser llenados fuera de línea. Un ejemplo es:

Nombre de archivo:

Este método de enviar un archivo es una especificación de Netscape y es esencialmente la adoptada por IETF Internet Darft. Esta norma sugiere añadir la opción FILE al parámetro TYPE de la etiqueta <INPUT>, permitiendo que el parámetro ACCEPT del mismo etiqueta, permitiendo ENCTYPE de un formulario sea un multiformulario.


Ejemplo 3:

Comentarios al autor de este manual:

Calificativos: y

Pon aquí tus comentarios:

Tu correo electronico: Opcional

Este método puede ser usado desde cualquier navegador porque no usa el metodo de correo.