Pada kesempatan kali ini saya akan memberikan cara membuat form pada halaman web dengan menggunakan bahasa pemrograman HTML dan PHP. Sedikit tentang
html, HTML atau HyperText Markup Languange adalah bahasa yang digunakan
pada dokumen web sebagai bahasa untuk pertukaran dokumen web. PHP adalah merupakan bahasa pemrograman yang berjalan pada sisi server, biasanya digunakan untuk pemrosesan data.
Persiapan:
A. Install aplikasi XAMPP kemudian install aplikasi Browser seperti Chrome.
B. Buka aplikasi XAMPP kemudian start Apache.
C. Program yang sebelumnya telah dibuat disimpan di “C:\xampp\htdocs”.
D. Untuk menjalankan program, Buka Chrome kemudian ketik “localhost/namafile.php”.
Memulai pembuatan form.
Berikut merupakan program untuk menginput data kemudian memunculkan data yang sudah diinput sebelumnya.
Untuk membuat form pada halaman web digunakan tag <form></form>.
Perhatikan kode program berikut :
<html>
<head>
<title>Input Data</title>
</head>
<body>
<form action = "" method = "POST" >
<label>Nama</label>
<input type = "text" name = "nama">
<label>NPM</label>
<input type = "text" name = "npm">
<input type = "submit" name = "submit" value="submit">
</form>
<?php
$nama = "";
$npm = "";
if(isset($_POST['submit'])){
$nama = $_POST['nama'];
$npm = $_POST['npm'];
}
?>
<table border="1" cellpadding="5" cellspacing="5"><br>
<tr>
<th>nama</th>
<th>npm</th>
</tr>
<tr>
<td><?php echo $nama; ?></td>
<td><?php echo $npm; ?></td>
</tr>
</table>
</body>
</html>
Keterangan:
1. Pada program diatas terdiri dari:
- Kotak input NPM.
- Kotak input Nama.
- Tombol submit.
- Tabel yang terdiri dari 2 baris dan 2 kolom.
3. Pada bagian PHP adanya proses data npm dan nama.
Hasil:
Tidak ada komentar:
Posting Komentar