* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } body { background-color: black; } .badan { width: 880px; margin: 35px auto; background-color: white; padding: 20px; overflow: hidden; } .badan h2 { color: crimson; border-bottom: 1px solid gainsboro; margin: 5px; margin-bottom: 13px; } .list-produk { border: 1px solid gainsboro; padding: 10px; float: left; width: 200px; margin: 5px; } .list-produk:hover { transition-duration: 700ms; box-shadow: 5px 5px gainsboro; } .list-produk img { width: 100%; height: 175px; display: block; margin-bottom: 5px; } .list-produk h4, .list-produk h5 { color: crimson; text-align: center; margin-bottom: 5px; } .tombol { text-decoration: none; border-radius: 7px; padding: 7px; display: block; float: left; width: 45%; margin: 4px; text-align: center; color: white; } .tombol:hover { background-color: black; transition-duration: 700ms; } .tombol-detail { background-color: green; } .tombol-beli { background-color: crimson; }
Skip to content Skip to sidebar Skip to footer
Home / html

Tutorial Cara Membuat Datepicker Dengan HTML

Pada artikel singkat ini saya akan share tentang Tutorial Cara Membuat Datepicker Dengan HTML. Langsung saja kita simak berikut ini.

Tuliskan script kode di bawah ini

<input type="date"/>

Kemudian jalankan di browser anda.

Hasilnya akan seperti ini :
Catatan : Tiap browser mempunyai datepicker yang berbeda-beda
Itulah artikel singkat tentang Tutorial Cara Membuat Datepicker Dengan HTML, sangat mudah sekali belajar HTML dasar. Terdapat aneka ragam datepicker di internet. Sekian terima kasih.
m