date digunakan untuk memformat bidang isian sesuai format tanggal. Misalnya dimulai dengan hari kemudian bulan setelahnya tahun. Di Google Chrome bahasa Indonesia atribut date ditampilkan seperti berikut: |
| Tampilan atribut date di Google Chrome. |
dateinput.html
<!DOCTYPE HTML>
<html>
<head>
<title>Contoh tag input type date</title>
</head>
<body>
<form action="">
Tanggal: <input type="date" name="tgl"/>
<button type="submit">Test</button>
</form> </body> </html>
Atribut
date hanya menyediakan format tanggal tanpa jam dan menit dan detik. Jika ingin pakai jam, menit dan detik gunakan atribut datetime.
Ambil nilai date dengan PHP
Dengan bantuan php, Anda dapat mendapatkan nilai date dengan mudah. Misalnya menggunakan metode POST. File aksi diarahkan ke get.php. Langkah pertama, modifikasi dateinput.html: dateinput2.html
Skrip get.php
<?php
$date=$_POST["tgl"];
echo $date;
?>
Catatan: Untuk mengeksekusi file dateinput2.html dan get.php dibutuhkan web server lokal seperti wamp, xamp atau appverserv. Letakkan kedua file di folder htdocs atau www.
Referensi tulisan:
Dengan bantuan php, Anda dapat mendapatkan nilai date dengan mudah. Misalnya menggunakan metode POST. File aksi diarahkan ke get.php. Langkah pertama, modifikasi dateinput.html: dateinput2.html
<!DOCTYPE HTML>
<html>
<head>
<title>Contoh tag input type date</title>
</head>
<body>
<form method="POST" action="get.php">
Tanggal: <input type="date" name="tgl"/> <br />
<button type="submit">Ambil Nilai Date</button>
</form> </body> </html>
Skrip get.php
<?php
$date=$_POST["tgl"];
echo $date;
?>
Catatan: Untuk mengeksekusi file dateinput2.html dan get.php dibutuhkan web server lokal seperti wamp, xamp atau appverserv. Letakkan kedua file di folder htdocs atau www.
Referensi tulisan:
- <input>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 12 Februari 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment