Selamat datang di blog saya,
Pada kesempatan kali ini saya akan mencoba membuat identitas diri dengan menggunakan PHP dan HTML.Langkah-langkahnya sebagai berikut:
1.Siapkan software Xampp yang sudah terinstall, klik tombol start pada apache
2.Membuat script (kodingan) untuk masukan/ input disini saya simpan dengan nama
form.html
<!DOCTYPE html>
<html>
<head>
<title>Form Sederhana</title>
</head>
<body style="background-color: olive">
<div class="content">
<h1 align="center">Identitas Diri (Menggunakan PHP dan HTML)</h1>
<h2 align="center">STT PELITA BANGSA</h2>
<h3 align="center"><i>Alamat : Jl. Inspeksi Kalimalang Tegal Danas - Cikarang Pusat</h3></i>
<h4 align="center"><i>Telp : (021) 2851 8181</h4></i>
<hr size="2" width=90%">
<form method = "post" action= "aksiForm.php">
<table>
<tr>
<td>Nim</td>
<td>:</td>
<td> <input type='text' name='nama'></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td> <input type='text' name='umur'></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td> <input type='text' name='kelas'></td>
</tr>
<tr>
<td>No.Telp</td>
<td>:</td>
<td> <input type='text' name='no_telp'></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td> <input type='text' name='alamat'></td>
</tr>
<tr>
<td></td>
<td></td>
<td> <input type='submit' value='KIRIM'></td>
</tr>
</table>
</form>
</div>
</body>
</html>
Tampilannya inputnya sperti ini
3.Membuat script (kodingan) untuk keluaran proses/ output disini saya simpan dengan nama
aksiForm.php
<!DOCTYPE html>
<html>
<head>
<title>Form Sederhana</title>
</head>
<body style="background-color: olive">
<div class="content">
<h1 align="center">Identitas Diri (Menggunakan PHP dan HTML)</h1>
<h2 align="center">STT PELITA BANGSA</h2>
<h3 align="center"><i>Alamat : Jl. Inspeksi Kalimalang Tegal Danas - Cikarang Pusat</h3></i>
<h4 align="center"><i>Telp : (021) 2851 8181</h4></i>
<hr size="2" width="90%">
<table>
<tr>
<td><b>Nim</td></b>
<td><b>:</td></b>
<td><b><?php echo $_POST['nama']; ?></td></b>
</tr>
<tr>
<td><b>Nama</td></b>
<td><b>:</td></b>
<td><b><?php echo $_POST['umur']; ?></td></b>
</tr>
<tr>
<td><b>Kelas</td></b>
<td><b>:</td></b>
<td><b><?php echo $_POST['kelas']; ?></td></b>
</tr>
<tr>
<td><b>No.Telp</td></b>
<td><b>:</td></b>
<td><b><?php echo $_POST['no_telp']; ?></td></b>
</tr>
<tr>
<td><b>Alamat</td></b>
<td><b>:</td></b>
<td><b><?php echo $_POST['alamat']; ?></td></b>
</tr>
</table>
</div>
</body>
</html>
<style type="text/css">
body {
background: linear-gradient(to bottom ,#b0aaad, ##f1eaee, #b0aaad);
}
.content {
text-align: center;
}
.data {
margin: auto;
width: 50%;
}
.data, td{
border: 1px solid #555555;
border-collapse: collapse;
text-align: left;
}
</style>
Tampilannya outputnya sperti ini
Untuk file scriptnya menggunakan SublimeText atau bisa juga pake Notepad++
Demikianlah tutorial yang saya buat semoga bermanfaat.Terima kasih
