Html5 Hazır Takvim UygulamasıDate:Web uygulamalarında çok kullanılan bir özellik ise hazır takvim kullanılarak kullanıcıların tarihi doğru bir şekilde girmesini sağlamaktır. Eskiden bu özellik için javascript kodu yazılırdı. Html5 ile gelen bu özellik henüz tüm tarayıcılar tarafından desteklenmese de date,week,month,datetime,time,datetime-local gibi değerler alarak ek bir eklentiye ihtiyaç duymadan hazır takvim yapmamızı sağlamaktadır.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Takvim</title>
</head>
<body>
<h1>HTML5 Hazır Takvim</h1>
<form>
<label for="tarih"> Tarih : </label>
<input type="date" name="tarih">
<input type="submit" value="Gönder">
</form>
</body>
</html>
Week:Eğer belirli bir yılın içindeki haftaya ihtiyaç varsa bu özelliğe week değerini veririz.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Takvim</title>
</head>
<body>
<h1>HTML5 Hazır Takvim</h1>
<form>
<label for="tarih"> Tarih : </label>
<input type="week" name="tarih">
<input type="submit" value="Gönder">
</form>
</body>
</html>
Month:Eğer belirli bir yılın içindeki aya ihtiyaç varsa bu özelliğe month değerini veririz.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Takvim</title>
</head>
<body>
<h1>HTML5 Hazır Takvim</h1>
<form>
<label for="tarih"> Tarih : </label>
<input type="month" name="tarih">
<input type="submit" value="Gönder">
</form>
</body>
</html>
Datetime:Eğer tarih saat bilgisine ihtiyaç varsa bu özelliğe datetime değerini veririz.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Takvim</title>
</head>
<body>
<h1>HTML5 Hazır Takvim</h1>
<form>
<label for="tarih"> Tarih : </label>
<input type="datetime" name="tarih">
<input type="submit" value="Gönder">
</form>
</body>
Düzenle Kullanıcı Tarafından 11 Eylül 2015 Cuma 19:40:45(UTC)
| Sebep: Sebep Bildirilmesi