Scribd
Cargar
2 vistas5 páginas

Creación de Formularios en HTML

El documento describe cómo crear formularios en HTML, destacando la importancia de los atributos 'action' y 'method' en la etiqueta <form>. Se explica el uso de diferentes elementos de entrada como cuadros de texto y botones de envío, así como la diferencia entre los métodos 'post' y 'get' para enviar datos al servidor. Además, se proponen ejercicios prácticos para implementar formularios que recojan información del usuario.

Cargado por

alvarezherrera25
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2 vistas5 páginas

Creación de Formularios en HTML

El documento describe cómo crear formularios en HTML, destacando la importancia de los atributos 'action' y 'method' en la etiqueta <form>. Se explica el uso de diferentes elementos de entrada como cuadros de texto y botones de envío, así como la diferencia entre los métodos 'post' y 'get' para enviar datos al servidor. Además, se proponen ejercicios prácticos para implementar formularios que recojan información del usuario.

Cargado por

alvarezherrera25
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

26

12. Formularios
El lenguaje HTML solo tiene el objetivo de crear el formulario. El HTML no tiene la
responsabilidad de registrar los datos en el servidor, esta actividad está delegada a un
lenguaje que se ejecute en el servidor (PHP, ASP, [Link], JSP, NodeJS etc.)

Los formularios se definen con la etiqueta <form></form>.

En la apertura de la etiqueta form debemos definir dos atributos (action y method):


<form action="[Link]" method="post">

La propiedad action se inicializa con el nombre de la página que contiene el programa que
procesará los datos en el servidor. Todos los formularios que implementemos deben llamar a
esta página: "[Link]" más adelante cuando conozca un lenguaje de servidor
podremos almacenarlos en una base de datos, consultar otros datos, modificar datos
existentes etc.
El segundo atributo que debemos inicializar es method. Esta propiedad puede almacenar
únicamente dos valores (post o get)
Normalmente un formulario se envía mediante post (los datos se envían con el cuerpo del
formulario) En caso de utilizar get los datos se envían en la cabecera de la petición de la
página, utilizando el método get estamos limitados en la cantidad de datos a enviar, no así con
el método post.
Ahora veamos el cuadro de texto donde se introduce el nombre:
27

Introduce tu nombre:
<input type="text" name="nombre" size="20">
<br>
El elemento input permite definir un cuadro de texto (editor de línea) si asignamos a la
propiedad type el valor "text".
Todo cuadro de texto debe inicializar la propiedad name con un nombre para el cuadro de
texto. Este es un dato fundamental para poder recuperar el dato ingresado en el servidor (por
ejemplo mediante PHP)
Por último inicializamos la propiedad size con el valor 20, esto significa que el cuadro de texto
se dimensiona para permitir mostrar 20 caracteres (no se limita la cantidad de caracteres a
ingresar por parte del visitante sino la cantidad de caracteres que se pueden visualizar)
Seguidamente:
<input type="submit" value="enviar">
También mediante el elemento input definimos un botón para el envío de datos al servidor.
Debemos inicializar el atributo type con el valor submit, con esto ya tenemos un botón para el
envío de datos.
El atributo value almacena la etiqueta que debe mostrar el botón.
Finalmente cerramos el formulario:
</form>
28
29

Un checkbox es una casilla de selección que puede tomar dos valores (seleccionado/no
seleccionado)
30

Ejercicio 16

Confeccionar un formulario para que un visitante pueda ingresar su nombre, su mail y un


comentario del sitio, empleando para este último dato a ingresar un elemento de tipo textarea.

Ejercicio 17

Solicitar el ingreso del nombre de una persona y el máximo nivel en estudios alcanzado.

Ejercicio 18

Crea un formulario que solicite el ingreso del nombre de una persona y permita votar el sitio.
Mediante un cuadro de selección el visitante puede elegir entre las siguientes opciones:
Excelente, Muy Bueno, Bueno, Regular y Malo.

También podría gustarte