DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
18-07-2013

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:

Tipo Descripcion Sintaxis HTML Marcado
Fecha Formato de fecha engloba el día-mes-año. <input type="date">
datetime Fecha y hora usando UTC - zona horaria. <input type="datetime">
datetime-local Fecha y hora sin zona horaria. <input type="datetime-local">
month Mes y año. <input type="month">
time La hora del dia. <input type="time">
week Formato para ingresar la semana del año. <input type="week">
color Un "colorpicker", utilizando notación hexadecimal. <input type="color"">
email Campo para ingresar un email; utilizando el formato seguido por el atributo pattern. <input type="email">
tel Campo para ingresar un número telefónico; utilizando el formato seguido por el atributo pattern. <input type="tel">
search Un campo de busqueda. <input type="search">
range Un 'slider' para números. <input type="range">
number Solo acepta valores numéricos. <input type="number">
url Solo acepta URL. <input type="url">

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Calendario de cubo

Calendario de cubo

anime.js librería para animaciones en JavaScript

anime.js librería para animaciones en JavaScript

3D Box Control conTweenMax

3D Box Control conTweenMax

Algunos artículos que te pueden interesar

Guía rápida sobre el elemento br en HTML

Guía rápida sobre el elemento br en HTML

El elemento br sirve para dar un salto de línea, se usa la siguiente etiqueta.

Andrés Cruz 21-02-2014

El elemento Progress Bar HTML5

El elemento Progress Bar HTML5

La función del elemento o etiqueta (tag) progress es la de indicar el estado de terminación de una tarea.

Andrés Cruz 30-12-2013

Aplicando los Media Queries en los vídeos con HTML5

Aplicando los Media Queries en los vídeos con HTML5

Los Media Queries para vídeos son aplicables mediante el atributo media en el fuente (source) y de esta forma cargar vídeos según las especificaciones de cada dispositivo.

Andrés Cruz 28-09-2015