Kode Praktis HTML5: Menampilkan Pop Up Tanggal

Ditulis oleh Muhammad Erfan, dipublikasi sejak 12 November 2016 pukul 13:50, disimpan dalam kategori HTML, Kode Praktis. Ingin mengomentari tulisan ini? Ada 2 komentar.

Kode praktis selanjutnya adalah bagaimana menampilkan pop up tanggal. Biasanya disebut juga dengan datepicker. Kode berikut ini hanya berjalan pada HTML versi 5 dan tentu saja browsernya juga harus mendukung HTML5.

Saya sudah mencoba trik ini pada browser Mozilla FireFox versi 49.0.1 tetapi tidak berfungsi, sedangkan pada Google Chrome versiĀ 54.0.2840.71 bisa berjalan normal dan dapat menampilkan pop up tanggal.

Dengan bantuan kode praktis ini, maka penggunaan plugin atau library datepicker bisa dikurangi atau bahkan ditiadakan, karena sudah disediakan oleh HTML5.

type=date

Berikut adalah kode untuk menampilkan pop up tanggal.

<input type="date">

Contoh selengkapnya seperti berikut ini.

<!DOCTYPE HTML>
<html>
<head>
   <title>Menampilkan Pop Up Tanggal</title>
</head>
<body>
   <h1>Pop Up Tanggal</h1>
   <form>
      <fieldset>
       <legend>Formulir Pendaftaran</legend>
       Nama Lengkap:<br>
         <input type="text" name="nama" required><br>
       Tanggal Lahir:<br>
         <input type="date" name="tgl_lahir" required><br>
         <input type="submit" value="Kirim">
    </fieldset>	 
   </form>
</body>
</html>

Kode di atas akan menghasilkan tampilan seperti gambar di bawah, diakses menggunakan Google Chrome.

Pop Up Tanggal HTML5

Demikian cara menampilkan pop up tanggal menggunakan HTML5. Tunggu kode praktis lainnya, tetap bersama banghaji dot com.

Tinggalkan Balasan 2

Your email address will not be published. Required fields are marked *