CARA MEMBUAT FORM DAN MEMUNCULKAN HASIL INPUTANNYA
1.mengintal aplikasi xampp
2.membuat file htmlnya dengan nama
latihanuts.html dan php dengan nama uts_php.php disimpan seperti gambar dibawah ini
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
fieldset {
border: 1px solid blue;
}
input{background-color: blue;color: red;
border: 1 px solid blue;}
textarea{background-color: blue;color: red;}
select{background-color: blue;color: red;}
</style>
<title>Latihan Uts</title>
</head>
<body>
<h2>Formulir Penggajian</h2>
<form method="post" action="uts_php.php">
<fieldset>
<legend>Kolom Biodata</legend>
<table width="300">
<tr>
<td width="100">NIK</td>
<td><input type="text" size="30" name="nik" accesskey="n" tabindex="1"/></td>
</tr>
<tr>
<td width="100">Nama</td>
<td><input type="text" size="30" name="nama" accesskey="n" tabindex="1"></td>
</tr>
<tr>
<td>Tanggal Lahir </td>
<td><input type="date" name="tgllahir"></td>
</tr>
<tr>
<td valign="top">Jenis Kelamin</td>
<td>
<input type="radio" name="Jeniskelamin"
value="Laki-laki" tabindex="3" />Laki-laki<br />
<input type="radio" name="Jeniskelamin"
value="Perempuan" tabindex="3" />Perempuan<br />
</td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name="alamat" cols="50" rows="5"></textarea></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Informasi Jam kerja</legend>
<table>
<tr>
<td>Jabatan</td>
<td>
<select name="Jabatan">
<option value="Ketua">Ketua</option>
<option value="Kaprodi">Kaprodi</option>
<option value="Staff">Staff</option>
<option value="Dosen">Dosen</option>
</select>
</td>
</tr>
<tr>
<td>Gaji</td>
<td><input type="text" name="Gaji"></td>
</tr>
<tr>
<td>Waktu Input</td>
<td><input type="time" name="WaktuInput"></td>
</tr>
</table>
</fieldset>
<input type="submit" name="submit" value="Simpan">
<input type="reset" name="reset" value="Ulangi">
</form>
</body>
</html>
dan ini progrram uts_php.php
<!DOCTYPE html>
<html>
<head>
<title>Lihat Form Get</title>
</head>
<body>
<?php
//error_reporting(0);
echo "<h2>Data </h2>";
echo "<hr>";
if (isset($_POST['submit']) && $_POST){
$nik = $_POST['nik'];
$name = $_POST['nama'];
$tgllahir = $_POST['tgllahir'];
$Jeniskelamin = $_POST['Jeniskelamin'];
$alamat = $_POST["alamat"];
$Jabatan = $_POST['Jabatan'];
$Gaji = $_POST['Gaji'];
$WaktuInput = $_POST['WaktuInput'];
// Menampilkan Nik & Nama
echo 'Selamat Datang '. $nik . '.<br>';
echo 'Namamu adalah '. $name . '.<br>';
// Menampilkan tgl lahir
echo 'Kamu lahir tanggal '. $tgllahir .'.';
echo "<br>";
// Menampilkan Jenis Kelamin
echo "Jenis kelamin Anda adalah <b>$Jeniskelamin</b><br>";
// Menampilkan alamat
echo 'Anda tinggal di '. $alamat . '.<br>';
echo "<br>";
echo "<h3>Informasi Jam Kerja</h3>";
echo "<hr>";
// Select
echo 'Anda bekerja sebagai '. $Jabatan . '.<br>';
// menampilkan gaji
//
echo 'Gaji Anda sebesar Rp. '. number_format($Gaji, 2, ',', '.') . '.<br>';
//parameter wajib $Gaji(angka tipe float)
//2 berapa digit angka dibelakang koma
// ,simbol pemisah pecahan
// .simbol pemisah ribuan
// menampilkan jamker
echo 'Anda kerja jam '. $WaktuInput. '.';
echo "<br>";
}
?>
</body>
</html>
buka xampp nya apache di klik tombol start terus buka
localhost/lihat_formulir_get/latihanuts.html
tinggalkalian input nanti terus muncul
hasil inputannya
Komentar
Posting Komentar