Nuevos campos de formularios en HTML5 (Guía rápida)

- Andrés Cruz

In english
Nuevos campos de formularios en HTML5 (Guía rápida)

En este artículo trataré de mostrarles los nuevos campos que nos trae el HTML5; como veremos son muchos "type" específicos para cada tipo de campo; pasando por varios formatos de fechas hasta llegar a otros como email, URLs, rangos, entre otros:

TipoDescripcionSintaxisHTML Marcado
FechaFormato de fecha engloba el día-mes-año.<input type="date"> 
datetimeFecha y hora usando UTC - zona horaria.<input type="datetime"> 
datetime-localFecha y hora sin zona horaria.<input type="datetime-local"> 
monthMes y año.<input type="month"> 
timeLa hora del dia.<input type="time"> 
weekFormato para ingresar la semana del año.<input type="week"> 
colorUn "colorpicker", utilizando notación hexadecimal.<input type="color""> 
emailCampo para ingresar un email; utilizando el formato seguido por el atributo pattern.<input type="email"> 
telCampo para ingresar un número telefónico; utilizando el formato seguido por el atributo pattern.<input type="tel"> 
searchUn campo de busqueda.<input type="search"> 
rangeUn 'slider' para números.<input type="range"> 
numberSolo acepta valores numéricos.<input type="number"> 
urlSolo acepta URL.<input type="url"> 
Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.