Dia 3 - Parte 2

Vista previa del material en texto

Introducción al 
Desarrollo Web
Departamento de Informática
HTML - Día 3 - Parte 2
2022
Formularios - HTML 5 - Nuevos inputs
Formularios - HTML 5 - Nuevos inputs
Trabajar con fechas y horas
INPUT date: Para introducir una fecha que no haga parte de del conjunto horario.
INPUT datetime: Para introducir fecha y hora.
INPUT month: Para introducir un mes de un año.
INPUT week: Ofrece una utilidad para escribir y captar información de semanas.
INPUT time: Obtiene información con horas, minutos y segundos.
Formularios - HTML 5 - Nuevos inputs
Trabajar con fechas y horas
 <input type="date">
 <br/>
 <input type="datetime-local">
 <br/>
 <input type="month">
 <br/>
 <input type="week">
 <br/>
 <input type="time">
Formularios - HTML 5 - Nuevos inputs
Trabajar con correos electrónicos
 
 <label for="email">Email:</label> <br/>
 <input type="email">
 <br/>
Formularios - Validaciones
Hacer que los campos sean obligatorios usando required
Restringir la longitud de los datos:
- minlength, maxlength: para datos de texto
- min y max para el valor máximo del tipo número
Restringir el tipo de datos usando type:
<input type="email" />
Especificar patrones de datos usando pattern:
Especifica un patrón de expresiones regulares que los datos ingresados del 
formulario deben coincidir.
Formularios - Atributos
readonly
disabled
placeholder
autofocus
novalidate
otros
Actividad
Subir Sitio a un Hosting
Recomendación: GitHub
● Subir archivos.
● Enviar enlace en una tarea
Tecnologías: Lo que viene…