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

Flat Module con puro CSS

Flat Module con puro CSS

anime.js librería para animaciones en JavaScript

anime.js librería para animaciones en JavaScript

Modelo de tarjetas con CSS

Modelo de tarjetas con CSS

Algunos artículos que te pueden interesar

¿Cómo obtener por separado el canal RGB de una imagen con HTML5?

¿Cómo obtener por separado el canal RGB de una imagen con HTML5?

En este artículo veremos como obtener los tres canales RGB de una imagen y operarlos por separados.

Andrés Cruz 15-05-2014

Uso básico del Canvas en HTML

Uso básico del Canvas en HTML

El elemento canvas nos permite especificar un área de la página en donde se puede dibujar crear todo tipo de gráficos simples o complejos a partir de primitivas básicas como círculos, óvalos, rectángulos líneas, polígonos, texto, etc.

Andrés Cruz 25-01-2016

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