Assalammualaikum Warahmatullahi Wabarakatuh. Semoga dengan mengunjungi blog ini dapat menambah pengetahuan bagi kita semua. Amiiin.

Senin, 04 Mei 2015

Membuat Form Pada Halaman Web


    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.
 2. Input yang dimasukkan akan muncul di dalam tabel.
 3. Pada bagian PHP adanya proses data npm dan nama.

Hasil:

 

 


Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Daftar Isi