logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

HTML5 - Dátum és idő típusai


Pl. <input type="time" ... value="23:59"> =

A dátum és idő bevitelére alkalmas Új (HTML5) input elem típusok

Típus Leírás Böngészők
time Idő Chrome logó Safari logó Opera logó
date Dátum Chrome logó
Safari logó Opera logó
datetime Dátum és idő (időzónával) Safari logó Opera logó
datetime-local Helyi dátum és idő Safari logó Opera logó
month Hónap Chrome logó Safari logó Opera logó
week Hét Chrome logó Safari logó Opera logó

Ha egy böngésző a fenti típusok valamelyikét nem ismeri, akkor az elemet text típusú elemre cseréli.

1. példa:

Forráskód



<form action="html5_uj_input_elemek_datum_ido.php"  method="post">
  Idő:<br>
    <input type="time" name="time" value="23:59"><br><br>
  Dátum:<br>
    <input type="date" name="date" value="2013-02-13"><br><br>
  Dátum és idő (időzónával):<br>
   <input type="datetime" name="datetime" value="2013-02-08T12:00Z"><br><br>
  Helyi dátum és idő: <br>
    <input type="datetime-local" name="datetime_local" value="2013-02-08T12:00"><br><br>
  Hónap:<br>
    <input type="month" name="month" value="2013-02"><br><br>
  Hét:<br>
    <input type="week" name="week" value="2013-W07"><br><br>
  <input type="submit" name="kuld">
</form>
 

Eredmény*



* Az eredmény megjelenítése az Ön által használt böngészőtől függ.

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.