Los formularios permiten al visitante enviar información al administrador del sitio en forma sencilla, basta con llenar unos campos y apretar un botón.

Para el creador de la página, un formulario HTML se presenta com texto normal, etiquetas, elementos especiales llamados controles (cuadros de selección, botones de radio, menúes, etc), y etiquetas para estos controles. Del lado del usuario, se ven una serie de campos para llenar, en su mayoría "cajitas" y "botones").

Los formularios permiten al visitante enviar información al administrador del sitio en forma sencilla, basta con llenar unos campos y apretar un botón.

Como este tutorial está pensado para usuarios principiantes, sin conociemntos avanzados de programación, sólo vamos a ver como enviar formularios a direcciones de mail.

Los cimientos de cualquier formulario

Un formulario se define mediante las etiquetas <FORM> </FORM>. Todos los controles (las cajitas y los botones que mencionamos anteriormente) que estén comprendidos entre éstas etiquetas serán enviados a la dirección de destino. La etiqueta de inicia el formulario <FORM> lleva asociados dos importantes atributos: action y post.

Action: Mediante su valor indicamos la dirección de mail para enviar los datos. Para eso se utiliza el atributo mailto: ("mandar un email a") que vimos en la segunda entrega.

Post: Indica el método utilizado para enviar los datos. Los posibles valores pueden ser post y get.

También se incluyen en todo formulario los botones Enviar y Restablecer. Los visitantes hacen clic en el primerp de estps botones después de rellenar un formulario y la información proporcionada se envía al lugar indicado.

Estos botones se definen mediante las etiquetas <Input>, y los atributos name, value y type. Veamos cada uno por separado

Name

Se identifica al botón que actua sobre los datos del formualrio: submit (enviar datos) o reset (anular).

Value
Sirve para establecer el texto que va a presentar el botón y que el visitante verá en pantalla.

Type
Identifica al botón, y se va a mostrar en el mail de destino de los datos.

Un ejemplo que involucre todo lo visto sería:

<Input type="submit" value="Enviar Datos" name="boton1">
<Input type="reset" value="Borrar Datos" name="boton2">

Mi primer formulario

En el siguiente ejemplo mandamos los datos del formulario a una direccion de mail, indicando que el metodo mediante el cual lo mandaremos es "Post":

<form action= "mailto: fbrecia@fi.uba.ar" method="post">
<p> Ingrese su apellido: <input type="text" name="apellido">
<input type="submit" name="enviar" value="enviar datos">
<input type="reset" name="borrar" value="Borrar datos">
</form>

Esto se vería así:

Esto no es nada, el universo de formularios permite crear áreas interactivas con más posilibidades.


Próxima página » 1. Diferentes formas para recaudar información

Comentarios publicados

Los mensajes publicados por los usuarios no sufren revisión ortográfica o de redacción alguna. Ver reglamento de aprobación.

Mensajes publicados en esta nota: 8

como hago un formulario de pedidos en dne consten ...(german) He probado enviar el formulario cambiando la direc...(David Gonzalez) Yo lo probé por curiosidad, cree un nuevo document...(Roman) A mi tampoco me fucionó. =((Valeria) Yo probé con el ultimo ejemplo, ya le cambié la di...(Rene Garrido) Yo lo probé y me funcionó. Pruebven con el de la ú...(Marco Belgrano) QUE HAGO CON ESTO? "Your email address has not be...(Leandro) Disculpen, pero el formulario que dan de ejemplo a...(Juan Cruz)