Tipos de Entradas

Hay varios tipos de "entradas" en las formas. A continuación se listan algunas con sus atributos más comunes:
Para los atributos, se utiliza la siguiente nomenclatura:

n - número entero (0, 1, 2, 3,...)
string - cadena de caracteres ("Roflo", "Ejemplo", "Hola!", ...)
[A | B | C] - Una de las listadas: A, B o C.
url - URL convencional.

Texto:


<INPUT type="text"> Algunos atributos: maxlength=n - máximo número de elementos (n) que acepta. name=string - nombre de la entrada. size=n - ancho del cuadro de texto (en # de caracteres). value=string - valor por default del cuadro de texto.

<INPUT type="password"> Es un cuadro de texto que no despliega el texto que se escribe en él; despliega puros asteriscos (*). Mismos atributos que type="text".

<INPUT type="file"> Cuadro de texto con botón para que el usuario seleccione un archivo. Atributos adicionales: maxlength=n - máximo número de elementos (n) que acepta. name=string - nombre de la entrada. size=n - ancho del cuadro de texto (en # de caracteres).

<TEXTAREA>Default Text</TEXTAREA> cols=n - número de columnas (ancho en caracteres). name=string - nombre de la entrada. rows=n - número de renglones . wrap=[off \| virtual \| physical] - introducir {enter}s virtuales o físicos (o ninguno) al final de cada línea.	Default Text

Opciones:


<INPUT type="checkbox"> Atributos: CHECKED - Indica que inicialmente está palomeada. name=string - nombre de la entrada. value=string - valor que toma la variable cuando está palomeada.	--->

<INPUT type="radio" name="uno"> <INPUT type="radio" name="uno"> <INPUT type="radio" name="uno"> Botones de selección.. todos los que lleven el mismo nombre (ej: name="uno"), pertenecen al mismo grupo, por lo que sólo uno puede ser seleccionado. Atributos: CHECKED - Indica que inicialmente está seleccionada. name=string - nombre de la entrada (requerido). value=string - valor que toma la variable cuando está seleccionada.

<SELECT> <OPTION> AAAaaaAAA</OPTION> <OPTION>BBBbbbBBB</OPTION> <OPTION>CCCcccCCC</OPTION> </SELECT> Atributos de SELECT: MULTIPLE - Permite al usuario seleccionar más de una opción. name=string - nombre de la entrada. size=n - alto del cuadro de opción (# de líneas). Atributos de OPTION: SELECTED - Indica que al inicio está seleccionada. value=string - valor que toma la variable cuando está seleccionada.
	MULTIPLE, size="2":

Botones:


<INPUT type=button value="Hola"> Botón ordinario. Atributos: name=string - nombre representativo. value=string - Texto que aparece en el botón

<INPUT type=submit value="Enviar"> Botón que envía información de la forma al servidor. Es necesario declarar ACTION y METHOD en <FORM>. Atributos: name=string - nombre representativo. value=string - Texto que aparece en el botón

<INPUT type=reset value="Borrar"> Botón que borra toda la información del formulario actual. Atributos: value=string - Texto que aparece en el botón


<INPUT type=image src="web1.gif"> Reemplaza el botón ordinario por una imágen. Atributos: name=string - Nombre representativo. src=url - URL de la imágen. align=[top \| middle \| bottom] - Indica su alineación dentro de la forma.

Otros:

<INPUT type="hidden">
Es un elemento de una forma que no se despliega al usuario. Se asemeja a un type="text", pero invisible. Atributos:
name=string - nombre de la entrada.
value=string - valor por default del cuadro de texto.

Siguiente Lección: Hacer algo útil con las formas.

Regresar

El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/Formas/input.html (Se abre en toda la ventana).

<A href=../izq.html>Índice</A>