HyperText Markup Language Formularios

Formularios | Campos de fecha y hora

CASO 1Campo fecha

<form>            
    <label for="fecha">Fecha</label>
    <input id="fecha" type="date">
</form>

CASO 2Campo fecha y hora obsoleto

<form>            
    <label for="fecha">Fecha</label>
    <input id="fecha" type="datetime">
</form>

CASO 3Campo fecha y hora (no funciona en firefox)

<form>            
    <label for="fecha">Fecha</label>
    <input id="fecha" type="datetime">
</form>

CASO 4Campos fecha y hora para firefox (y resto de navegadores)

Método más recomendable para evitar problemas de compatibilidad con navegadores.

<form>            
    <label for="fecha">Fecha</label>
    <input id="fecha" type="date">
    <label for="hora">Hora</label>
    <input id="hora" type="time">
</form>

CASO 5Campo mes

<form>            
    <label for="mes">Mes</label>
    <input id="mes" type="month">
</form>

CASO 6Campo semana

<form>            
    <label for="semana">Semana</label>
    <input id="semana" type="week">
</form>