Practica 8 - HTML

Vista previa del material en texto

INSTITUTO POLITÉCNICO NACIONAL
ESCUELA SUPERIOR DE CÓMPUTO
Práctica 8 - HTML
“Formularios”
Materia: Tecnologías para el Desarrollo de Aplicaciones Web
Profesor: Sandra Luz Morales Güitrón
Grupo: 4CV3
Alumno: Giovanni Castañeda González
Índice
Introducción	3
Cuerpo	4
Practica 1	4
Practica 2	5
Conclusión	6
Introducción
Los formularios en HTML son una parte fundamental de la creación de sitios web interactivos y dinámicos. Permiten a los usuarios ingresar información y enviarla al servidor para su procesamiento y almacenamiento. Los formularios en HTML están compuestos por una serie de elementos, incluyendo campos de entrada de texto, casillas de verificación, botones de radio y botones de selección.
Cada elemento de formulario tiene un conjunto de atributos que le permiten personalizar su apariencia y comportamiento. Por ejemplo, puede especificar el tipo de entrada que se espera en un campo de texto, la cantidad de texto que se puede ingresar, el valor predeterminado y si el campo es obligatorio o no.
Los formularios en HTML son una herramienta poderosa para recopilar información de los usuarios y procesarla de manera eficiente. Pueden ser utilizados para encuestas en línea, registros de usuarios, pedidos en línea, comentarios y muchas otras funciones. Con HTML5, los formularios se han vuelto aún más sofisticados y fáciles de usar, lo que los convierte en una parte esencial de la construcción de sitios web modernos.
Cuerpo
Practica 1
<label> y <input> son dos elementos HTML que trabajan juntos en la creación de formularios interactivos.
<label> es un elemento que se utiliza para etiquetar campos de entrada de formularios. Permite identificar el propósito de un campo específico en un formulario y asociar la etiqueta con el campo correspondiente. La etiqueta se muestra como texto en la página web, generalmente colocada junto al campo de entrada de formulario que describe.
<input> es un elemento que se utiliza para crear campos de entrada de formulario interactivos. Este elemento puede tomar diferentes tipos, incluyendo "text", "checkbox", "radio", "number", "email", "password", "submit" y muchos más. El tipo de entrada determina el tipo de datos que se pueden ingresar en el campo y cómo se presenta el campo en la página web.
Practica 2
Es posible definir campos de formulario como obligatorios para que el usuario deba completarlos antes de poder enviar el formulario. Para hacer esto, se utiliza el atributo "required" en el elemento <input>.
También es posible usar JavaScript para verificar que se hayan completado todos los campos obligatorios antes de enviar el formulario. Esto se puede hacer utilizando el evento "submit" en el formulario y verificando si todos los campos requeridos tienen algún valor. Sin embargo, el uso del atributo "required" de HTML es la forma más simple y recomendada de hacer que un campo sea obligatorio.
Conclusión
En conclusión, los formularios en HTML son una herramienta crucial para crear sitios web interactivos y dinámicos. Permiten a los usuarios ingresar y enviar información al servidor para su procesamiento y almacenamiento. Con una variedad de elementos de formulario, como campos de entrada de texto, casillas de verificación, botones de radio y botones de selección, los formularios en HTML son altamente personalizables y pueden adaptarse a cualquier necesidad.
Además, los formularios en HTML son muy útiles para recopilar información de los usuarios, como comentarios, encuestas, registros de usuarios y pedidos en línea. También son una forma eficiente de procesar información, lo que los hace ideales para la gestión de datos y el trabajo en línea.
Con la evolución de HTML5, los formularios se han vuelto aún más sofisticados y fáciles de usar. Los atributos y opciones adicionales permiten una mayor personalización y mejor experiencia del usuario. En resumen, los formularios en HTML son una herramienta esencial para cualquier desarrollador web que desee crear sitios web interactivos, dinámicos y eficientes.