<FORM> - Define un formulario en el documento.
<INPUT> - Define un control de ingreso de data.
<SELECT> - Define una lista de opciones.
<TEXTAREA> - Define un campo de texto multilínea.
Cada control es definido con los elementos INPUT, SELECT o TEXTAREA y deben contener minimo el parametro NAME con el que se identifica el elemento que será enviado. La sintaxis de envio de datos sera asi:
action?name1=val1&name2=val2...
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, lo que proporciona invaluable ayuda para empresas que dan soporte técnico o proveen de algún servicio.
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.
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.
METHOD: Selecciona la forma de transmitir los pares nombre/valores ingresados en el formulario.
Parametro | Descripcion |
---|---|
TYPE | Define el tipo de campo. Por omisión se usa TEXT, pero puedes usar cualquiera de los siguientes parámetros |
NAME | Cadena. Nombre del elemento que sera pasado al hacer Sumit. |
VALUE | Cadena. Valor del elemento que sera pasado al hacer Sumit. Tambien usado como el valor inicial del elemento. |
TITLE | Texto. Permite añadir un texto explicativo como tooltip. |
TABINDEX | Numero. Permite cambiar el orden natural de navegacion usando TAB. |
SIZE | Numero. Tamaño visual del elemento |
MAXLENGTH | Numero. Numero maximo de caracteres aceptados. Si lo alcanza el tamaño visual hace scroll. |
AUTOCOMPLETE | |
REQUIRED | Boleano. |
READONLY | Boleano. Podras seleccioanrlo pero no cambiarlo. Solo para TEXT. |
DISABLED | Boleano. Para desabilitar el control. Se mostrara gris. |
CHECKED | Boleano. |
AUTOFOCUS | Boleano. |
Introduce tu nombre: <INPUT TYPE=text NAME=nombre SIZE=10 MAXLENGTH=35 VALUE=Kike>
Introduce tu nombre:
Introduce tu clave: <INPUT TYPE=password NAME=clave SIZE=9>
Introduce tu clave:
Ejemplo: <input type=url>
Ejemplo:
Ejemplo: <input type=email>
Ejemplo:
Ejemplo: <input type=search>
Ejemplo:
Ejemplo: <input type=tel>
Ejemplo:
Ejemplo: <input type=number value=57>
Ejemplo:
Ejemplo: <input type=range min=0 max=100 step=10 value=30>
Ejemplo:
Ejemplo: <input type=file accept=".doc .docx .xml">
Ejemplo:
Ejemplo: <input type=image src=action.gif>
Ejemplo:
Ejemplo: <input type=datetime>
Ejemplo:
Ejemplo: <input type=datetime-local>
Ejemplo:
Ejemplo: <input type=date>
Ejemplo:
Ejemplo: <input type=month>
Ejemplo:
Ejemplo: <input type=week>
Ejemplo:
Ejemplo: <input type=time>
Ejemplo:
Ejemplo: <input type=color>
Ejemplo:
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.
Ejemplo:
Moneda:<BR> <INPUT TYPE=Radio NAME=Moneda VALUE=S>Soles<BR> <INPUT TYPE=Radio NAME=Moneda VALUE=D CHECKED>Dolares
Moneda:
Soles
Dolares
Ejemplo:
Sexo:<BR> <INPUT TYPE=Radio NAME=F CHECKED>Femenino<BR> <INPUT TYPE=Radio NAME=M>Masculino
Sexo:
Femenino
Masculino
Ejemplo: <input type=reset>
Ejemplo:
Ejemplo: <input type=submit>
<input type=submit>
Ejemplo:
<SELECT NAME=Savor> <OPTION value=1>Vainilla <OPTION value=2 SELECTED>Fresa <OPTION value=3>Ron y pasas <OPTION value=4>Chocolate </SELECT>
<SELECT NAME=Savor[] size=3 multiple=multiple> <OPTION value=1>Vainilla <OPTION value=2>Fresa <OPTION value=3>Ron y pasas <OPTION value=4>Chocolate </SELECT>
<TEXTAREA WRAP=OFF> - Por omisión. No se produce saltos de línea automáticos y el texto es enviado exactamente como fue escrito.
<TEXTAREA WRAP=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.
<TEXTAREA WRAP=PHYSICAL> - Se usa y envía el texto con saltos automáticos de línea.
<BUTTON TYPE=submit><IMG SRC=imagen.gif></BUTTON>
Type | Envio |
---|---|
text | Este control siempre envia el contenido de value. |
checkbox | Este control solo envia el contenido de value si se marca la casilla. Si no tiene value envia on. |
radio | Este control solo envia el contenido de value si se marca algun radio. Si no tiene value envia on. |
file | Este control siempre envia el contenido de value. |
image | Este control siempre envia el contenido de value. |
select | Este control siempre envia el contenido de value. Si no tiene value envia option. |
hidden | Este control siempre envia el contenido de value. |
Por favor rellena este cuestionario: