Formularios HTML

El siguiente ejemplo muestra el caso más básico: un cuadro de texto y un botón de envío.

<FORM name="miform" action="action.php" method="POST">
   <label>Nombre</label> <input type="text" name="nombre" />
   <input type="submit" value="Mi Consulta" />
</FORM>

Como se ve, el formulario se abre y cierra con las etiquetas <FORM> y </FORM>, respectivamente. Algunos de los atributos que se pueden añadir a <FORM> son ACTION, METHOD, ENCTYPE.

Los elementos que pueden incluirse en un formulario son los siguientes:

  • Cuadro de texto. Se puede escribir texto en él usando una única línea.
  • Área de texto. Igual que el anterior, pero mostrando múltiples líneas.
  • Lista de selección. Es un menú desplegable conteniendo las distintas opciones disponibles.
  • Casilla de verificación. Sirven para marcar determinadas opciones, pudiéndose marcar las que queramos.
  • Botón de radio. Igual que la casilla de verificación, pero sólo permite marcar una opción.
  • Botón de envío. Sirve para procesar el formulario y enviarlo, siendo el único elemento obligatorio.
  • Botón de borrado. Sirve para borrar todos los elementos del formulario.
  • Botón de imagen. Igual que el botón de envío, pero usando una imagen en su lugar.

Referencia: http://www.w3.org/TR/html4/interact/forms.html

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s