Database Akademi
»
Programlama
»
HTML5 / CSS
»
Html5 Hazır Takvim Uygulaması
Sıralama: Advanced Member
Gruplar: Registered
Katılan: 27.08.2015(UTC) Mesajlar: 37   5 Mesajına Toplam 5 Kere Teşekkür Edildi.
|
[b] Html5 Hazır Takvim Uygulaması[/b]
[b]Date:[/b]
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>
[img=http://dbakademi.com/images/forums/html5/takvim-date.jpg]Html5 hazır takvim input type="date"[/img]
[b]Week:[/b]
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>
[img=http://dbakademi.com/images/forums/html5/takvim-week.jpg]Html5 hazır takvim input type="week"[/img]
[b]Month:[/b]
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>
[img=http://dbakademi.com/images/forums/html5/takvim-month.jpg]Html5 hazır takvim input type="month"[/img]
[b]Datetime:[/b]
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
|
|
|
|
|
|
Database Akademi
»
Programlama
»
HTML5 / CSS
»
Html5 Hazır Takvim Uygulaması
Forumu Atla
Bu foruma yeni konular postalayamazsınız.
Bu forumda ki konulara yeni posta gönderemezsiniz.
Bu forumdaki postalarınızı silemezsiniz.
Bu forumdaki postalarınızı düzenleyemezsiniz.
Bu forumda anketler yaratamazsınız.
Bu forumdaki anketlere oy veremezsiniz.
