Programacion de aplicaciones web parte 2

Vista previa del material en texto

PAW 2023
Programación de Aplicaciones Web - Formularios en HTML
Formulario
• Los formularios en HTML se utilizan para recolectar 
información del usuario.
• El elemento <form> define un formulario en HTML.
• Los elementos de un formulario son de diferentes tipos: 
cajas de texto, casillas de verificación, botones de opción, 
botones de envío, y más...
El atributo action
• El atributo action define la acción que se realiza cuando se 
envía el formulario.
• La forma más común enviar los datos de un formulario a un 
servidor, es mediante el uso de un botón de envío (submit).
• Normalmente, el formulario se envía los datos a una página 
web en un servidor web.
input types
• <input type="text"> define un campo de entrada de una 
línea para la entrada de texto.
input types
• <input type="password"> define un campo de contraseña
input types
• <input type="radio"> define un botón de radio.
• Los botones de opción permiten al usuario seleccionar sólo 
una de un número limitado de opciones:
input types
• <input type="checkbox"> define una casilla de verificación.
• Las casillas de verificación permite que un usuario 
seleccione cero o más opciones de un número limitado de 
opciones.
input types
• <input type="button"> define un botón
input types
• <input type="button"> define un botón
input types
• input type="submit"> define un botón para la presentación 
del formulario para un form-handler (se especifica en el 
atributo action del formulario). El atributo action define la 
acción que se realiza cuando se envía el formulario.
select
• El elemento <select> define una lista desplegable.
textarea
• El elemento <textarea> define un campo de entrada 
multilínea (un área de texto):
fieldset
• La etiqueta <fieldset> se utiliza para agrupar elementos 
relacionados en un formulario.
atributo size
• El atributo size especifica el ancho visible (en caracteres) 
para el campo de entrada, el valor por defecto es 20.
atributo maxlength
• El atributo maxlength especifica la longitud máxima 
permitida para el campo de entrada.
Ejercicio
Escribir código HTML para 
obtener un formulario con el 
siguiente aspecto
Bibliografía
–The World Wide Web Consortium (W3C) - HTML 4.01 Specification [en línea].
 Disponible en: <https://www.w3.org/TR/html401/>
–MDN - Mozilla Developer Network - HTML developer guide [en línea]
 Disponible en: <https://developer.mozilla.org/en-US/docs/Web/Guide/HTML>
–W3Schools Online Web Tutorials [en línea]
 Disponible en: <http://www.w3schools.com/html/default.asp>
–Interactive Code Learning. High-Quality Programming Tutorials and References 
[en línea]
 Disponible en: <http://www.snoopcode.com/html>
–POWELL, Thomas A. HTML & CSS: The Complete Reference. Quinta Edición. 
Estados Unidos, McGraw-Hill, 864p.
https://www.w3.org/TR/html401/
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML
http://www.w3schools.com/html/default.asp
http://www.snoopcode.com/html