Objetos de un formulario

Los objetos de un formulario (objetos del objeto form) son los "campos" de un formulario.

5.1 Tipos de objetos, definición y sintaxis básica


Los objetos de un formulario (objetos del objeto form) son los "campos" de un formulario. En la siguiente tabla, podremos apreciar los tipos de objetos con su correspondiente descripción:

 

objeto descripción

ejemplo

text

es un campo de texto en el que los datos en él introducidos son visibles para el usuario.

  Sintaxis:

<input type="text" name=".." value=".." size="..">

 
password un campo de texto idéntico a text con la diferencia que los datos en él introducidos, no pueden ser visualizados por el usuario, sino que son mostrados con asteriscos *
  Sintaxis:

<input type="password" name=".." value=".." size="..">

 
hidden es un campo de texto oculto con un valor preestablecido y que el usuario no podrá visualizar en ningún momento.  
  Sintaxis:

<input type="hidden" name=".." value="..">

 
textarea es un campo de texto similar en su tratamiento a text pero lo que en él varía es su apariencia, ya que puede tener un alto y ancho determinado, barras de scroll para navegar por su interior y admite saltos de línea.
  Sintaxis:

<textarea rows=".." cols="..">....texto...</textarea>

 
radio es un botón circular que permite elegir al usuario una opción de entre varias pertenecientes a un mismo grupo.
  Sintaxis:

<input type="radio" name=".." value="..">

 
checkbox es una casilla de verificación que permite al usuario seleccionar más de una opción entre varias. Similar a radio pero con esta ventaja.
  Sintaxis:

<input type="checkbox" name=".." value="..">

 
option es una lista desplegable de varias opciones. Puede permitir la selección de una sola opción o de múltiples opciones (si se mantiene presionada la tecla Crtl durante dicha selección).

 

  Sintaxis:

<select name=".." multiple>

<option value="..">texto1</option>

<option value="..">texto2</option>

</select>

 
file campo compuesto que permite examinar el disco duro para subir ficheros al servidor.
  Sintaxis:

<input type="file" name="..." size="5">

 
submit es un tipo de botón que se encarga de enviar el formulario.
  Sintaxis:

<input type="submit" value="..">

 
reset es un tipo de botón que se encarga de restablecer el formulario a sus valores por defecto.
  Sintaxis:

<input type="reset" value="..">

 
button es un tipo de botón al que se le pueden asignar múltiples funciones mediante eventos.
  Sintaxis:

<input type="button" value="..">

 
image es una imagen que actúa como botón (reset, button o submit)
  Sintaxis:

<input type="image" src=".." ...>

 

Autor

Eugenia Bahit

Analista Programadora LAMP y Scrum Coach

Compartir

Comentarios

elierja

27/7/2010
Agradecimiento
Hola como estas?
Agradezco mucho la información que corresponde a este articulo, tengo una inquietud que no he encontrado solución, y es que he creado una pagina con un formulario de adquisición de datos Ej: nombre e email solo esos dos campos, pero no se como hacer para que cuando las personas dejen sus datos esto me llegue al buson de mi correo.
Agradezco mucho si pueden colaborarme

Carlos jaramillo
emal: elierja@vipze.com