Selasa, 19 Maret 2013

Memberikan Kondisi untuk Textfield yang Kosong

Di tutorial kali ini saya akan menjelaskan bagaimana memberikan kondisi untuk textfield (pengurangan, perkalian, dan pembagian) yang kosong. Nah, Jika textfield kosong, terdapat keterangan bahwa textfield tidak boleh kosong. Langsung saja kita mulai, software yang akan digunakan itu terserah bisa menggunakan notepad, notepad++ dan berbagai macam editor lainnya. Dan sekali lagi tidak disarankan untuk menggunakan Dreamwever karena kata Dosen saya Software ini sangat-sangat tidak membuat kita pintar dan maju...hehehe, Disini saya menggunakan editor notepad++ v6.3 , oke langsung saja yaah.

Pertama create sebuah document baru dengan nama pengurangan.php untuk textfield pengurangan, perkalian.php untuk textfield perkalian, dan pembagian.php untuk yang pembagian. setelah itu copykan code berikut di editor anda,

Textfield Pengurangan:

<!DOCTYPE html>
<html>
<head><title>Web Pengurangan</title></head>
<body>
<h1>PENGURANGAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>-</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>-</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["kurangi"])){
$hasil = $_POST["angka1"] - $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="kurangi" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Textfield Perkalian:

<!DOCTYPE html>
<html>
<head><title>Web Perkalian</title></head>
<body>
<h1>PERKALIAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>*</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>*</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["kalikan"])){
$hasil = $_POST["angka1"] * $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="kalikan" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Textfield Pembagian:

<!DOCTYPE html>
<html>
<head><title>Web Pembagian</title></head>
<body>
<h1>PEMBAGIAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>/</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>/</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["bagikan"])){
$hasil = $_POST["angka1"] / $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="bagikan" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Setalah tercopy, buka file tersebut kemudian akan tampil seperti contoh gambar dibawah ini.



Sekian dulu Tutorial dari saya, mohon maaf jika terdapat buanyaaak skali kekurangan nya. Selamat mencoba! Goodluck! ;)




Aditya Achmad Prasetya - 1110651046
Diposting oleh di

1 komentar:

  1. Unknown28 Mei 2013 pukul 05.06

    Maap kak, kok saya coba gak mau tampil hasilnya,. mkash,. :)

    BalasHapus

Langganan: Posting Komentar (Atom)