Kode Praktis HTML5: Membuat Format Isian Waktu

Ditulis oleh Muhammad Erfan, dipublikasi sejak 4 Desember 2016 pukul 15:24, disimpan dalam kategori HTML, Kode Praktis. Ingin mengomentari tulisan ini? Ada 2 komentar.

Pada tulisan tentang kode praktis sebelumnya, sudah dibahas mengenai cara menampilkan pop up tanggal di HTML5. Sekarang kita akan buat agar inputan HTML5 bisa digunakan dengan format waktu. Dengan demikian akan lebih mudah karena formatnya sudah ada dan tinggal mengisi saja.

Time

Sama seperti pop up tanggal, yang diganti hanya type dari input saja. Jika pop up tanggal menggunakan date, maka untuk format waktu ini menggunakan time. Lebih jelasnya lihat kode ini.

<input type="time">

Contoh lengkapnya seperti kode di bawah ini, sekaligus liihat juga hasilnya ­čśÇ

<!DOCTYPE HTML>
<html>
<head>
   <title>Menampilkan Form Waktu</title>
</head>
<body>
   <h1>Form Waktu</h1>
   <form>
      <fieldset>
       <legend>Registrasi Tiket</legend>
       Nama Lengkap:<br>
         <input type="text" name="nama" required><br>
       Waktu Berangkat:<br>
         <input type="time" name="waktu" required><br>
         <input type="submit" value="Kirim">
    </fieldset>	 
   </form>
</body>
</html>

Format Waktu HTML5

Dari kode di atas dan gambar di atas, terlihat ada format untuk mengisi waktu dilengkapi pula dengan pilihan AM dan PM.

Kode ini berfungsi normal pada browser Google Chrome dan tidak berfungsi pada Mozilla FireFox.

Masih ada kode praktis┬áHTML lainnya, sabar ya ­čśÇ

Tinggalkan Balasan 2

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


dgfryjhf

dgfryjhf

tanya bang, misal kalo pengen ngatur waktu antara jam 17:00 sampe 21:00 gimana ya?

Muhammad Erfan

Muhammad Erfan

Caranya sama dengan tutorial di atas, tinggal ubah waktunya saja sesuai keinginan..