Skip to main content

Tipo de entrada fecha

El tipo de entrada para formularios fecha se usa para controlar que lo introducido por el usuario tiene la forma de una fecha válida. En realidad son varios tipos para distintos ambitos temporales.

Ejemplo:

Fecha nacimiento: <input type="date" name="nacimiento">

La lista completa de tipos temporales son:

  • date – día, mes y año
  • month – mes del año
  • week – semana del año
  • time – hora y minuto
  • datetime – hora y fecha en tiempo UTC
  • datetime-local – hora y fecha en tiempo local

Tipo de entrada rango

El tipo de entrada rango se usa para controlar que lo introducido por el usuario esta entre el rango deseado. El formulario se muestra como una barra de desplazamiento. Además permite añadir restricciones para acotar aún más la entrada.

Ejemplo:

Nota: <input type="number" name="nota" min="1" max="10"/>

Los atributos que definen las restricciones son:

max número Especifica el valor máximo.
min número Especifica el valor mínimo.
step número Especifica el intervalo.
value número Especifica el valor por defecto.

Nuevas etiquetas en HTML5

En 1999 se publicó el estándar HTML 4.01 y desde entonces Internet a cambiado mucho. Algunos elementos han quedado obsoletos, no han sido usados o no se han usado de la forma en la que se pretendía. Estos elementos han sido borrados o reformulados. Además en HTML5 se han incluido nuevos elementos para mejorar la estructura de las páginas, herramientas de dibujo, contenido multimedia y de control.

Nuevos elementos que pretenden mejorar la estructura:

<article> Para contenido externo, como texto de noticias, blog, foro.
<aside> Para contenido adyacente relacionado.
<command> Botón, casilla de selección, de exclusión.
<details> Describe detalles de un documento o parte de el.
<summary> Un sumario dentro de la etiqueta <details>.
<figure> Para agrupar una sección de contenido.
<figcaption> El titulo de una sección <figure>.
<footer> El pie de un documento de una sección.
<header> La parte introductoria de un documento.
<hgroup> Usado para agrupar un grupo de elementos h1-h6
<mark> Para resaltar un texto. Efecto subrayador fluorescente.
<meter> Para una medición, conociendo los valores máximo y mínimo.
<nav> La sección de navegación.
<progress> Usado para representar el progreso de una tarea.
<ruby> Anotación ruby (Lenguas orientales)
<rt> Para explicar la anotación ruby
<rp> Lo que mostrarán los navegadores sin soporte de <ruby>
<section> Una sección en un documento tales como capítulos, cabeceras, pies o cualquier otra sección.
<time> Declara una hora y fecha
<wbr> Señala un lugar donde la partición de una palabra en final de línea es conveniente.
Nuevos elementos para contenido multimedia:

<audio> Streams de audio, sonidos música.
<video> Para contenido de vídeo.
<source> Permite indicar fuentes alternativas para las etiquetas <audio> o <video>
<embed> Contenido embebido, como un pluging.
El elemento canvas mediante javascript puede dibujar en la página:

<canvas> Para hacer gráficos en una región de la página.

Nuevos elementos que dan nueva funcionalidad a los formularios

<datalist> Una lista de valores de entrada.
<keygen> Genera contraseñas para usuarios autentificados.
<output> Para mostrar el resultado de un script