Halo teman-teman bertemu lagi di dalam artikel saya, kali ini kita akan melanjutkan artikel selanjutnya tentang input type date, dan untuk artikel kali ini kita akan belajar cara menggunakan input type datetime, month dan week di HTML5, pastinya jika teman-teman sudah membaca artikel saya sebelumnya sudah paham ya, apa input date dan kawan-kawannya ini, disini kita hanya menambahkannya sedikit saja ya teman-teman. Oke teman-teman simak terus ya.
Untuk belajar cara menggunakan input type datetime, month dan week di HTML5, seperti biasa saya bahas sedikit saja ya, input ini berfungsi untuk memasukan input type tanggal, hari, dan format tanggal yang lain. Sebelumnya saya sudah membahas 3 input datenya ya teman, kali ini kita akan membahas 3 lagi ya, yaitu apa saja, ada datetime, month dan week, oke cukup jelas ya teman-teman month, berarti untuk bulan, dan week berarti untuk apa teman-teman, ya betul sekali untuk minggu, oke langsung saja supaya lebih jelas langsung saja saya jelaskan perbedaanya dari ketiga tersebut:
- Datetime: Input berupa tanggal dan waktu dengan format YYYY-MM-DD HH:mm:ssHH:mm. Format ini menggunakan time-zone offset, akan tetapi datetime kebanyakan tidak disupport web browser, sebaiknya gunakan datetime-local.
- Month: Input berupa bulan dan tahun dengan format YYYY-MM, sebagai contoh bulan April 2015 akan menjadi: 2015-04.
- Week: Input berupa urutan minggu dalam 1 tahun, dengan format YYYY-Www. Nilai maksimal dari week bisa bernilai 52 atau 53, tergantung tahun. Sebagai contoh, Minggu keempat pada tahun 2015 akan menjadi 2015-W04.
Oke sudah cukup jelas ya teman-teman perbedaanya, dan sekarang kita masuk dalam contoh atau kita gabungkan dengan kode HTMLnya ya teman-teman. Langsung saja perhatikan kode tersebut:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar Form HTML5</title>
</head>
<body>
<form action="prosesform.php" method="get">
<p>Date: <input type="date" name="date"></p>
<p>Time: <input type="time" name="time"></p>
<p>Datetime-local: <input type="datetime-local" name="datetime-local"></p>
<p>Datetime: <input type="datetime" name="datetime"></p>
<p>Month: <input type="month" name="month"></p>
<p>Week: <input type="week" name="week"></p>
<p><input type="submit" value="Kirim Data"></p>
</form>
</body>
</html>Disini saya gabungkan sama artikel saya sebelumnya ya teman-teman.
Dan disini saya buka juga dengan mozila dan google chrome supaya ada perbedaan. Terlihat sekali seperti kata saya dalam artikel sebelumnya di web browser mozila tidak terlihat efeknya. Oke teman-teman saya kira cukup sampai disni dulu belajar kita tentang cara menggunakan input type datetime, month dan week di HTML5, semoga bermanfaat, dan sampai jumpa di artikel saya selanjutnya.
The post Cara Menggunakan Input Type Datetime, Month dan Week di HTML5 appeared first on Kursus Website Terbaik.