Alert, atau notif pada keterangan apakah inputan telah berhasil atau tidak, biasanya sering digunakan pada website-website jaman sekarang tujuannya agar memudahkan user dalam menilai atau mengetahui tentang data yang telah di input berhasil atau tidak sehingga tidak terjadi duplikat data, nah kali ini saya akan menjelaskan tentang Cara Membuat Alert Pada Css W3C Menggunakana PHP,
diartikel sebelumnya saya sudah menjelaskan tentang w3c, jadi untuk teman teman yang ingin membaca sebelumnya bisa mereview lagi, oke langsung saja kita mulai kerjakan, teman teman bisa salinkan scriptnya dibawah sini : kita buat tampilan form inputanya terlebih dahulu:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<div class="w3-container"> <div class="w3-row"> <div class="w3-col m6"> <div class="w3-card-4"> <div class="w3-container w3-teal"> <h2>Form Input</h2> </div> <form action="" method="POST" class="w3-container"> <label class="w3-text-teal"><b>Your Name</b></label> <p><input type="text" name="nama" class="w3-input w3-border w3-light-grey"></p> <p><button class="w3-btn w3-blue" name="submit" type="submit">SEND</button></p> </form> </div> </div> </div> </div> |
Dan ini adalah hasil formnya,
Lalu masukan proses php nya :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?php if (isset($_POST['submit'] ) ) { $nama = $_POST['nama']; if($nama == ""){ echo "<script>alert('Your Name Is Required')</script>"; } else { ?> <div class="w3-container"> <div class="w3-row"> <div class="w3-col m6"> <div class="w3-panel w3-blue w3-round"> <p>Your Name : <?php echo $nama; ?></p> </div> </div> </div> </div> <?php } ?> <?php } ?> |
Maka hasil hasilnya jika sudah memasukan nama anda akan tampil seperti ini :
Cukup mudah bukan, sekian tutorial tentang Cara Membuat Alert Pada Css W3C Menggunakana PHP, sampai bertemu diartikel selanjutnya dan sampai jumpa ..
#KeepLearn
#IsmetMA