Assalamu’alaikum…


        Hai sobat kali ini saya akan mempelajari tentang apa itu Form dan bagaimana penggunaan dan cara membuatnya, nah kalian membuka blog yang tepat saya akan memberitahu apa itu form dan bagaimana cara meembuatnya. Yuk kita lihat uraian berikut :

Pengertian

       Form digunakan untuk menerima inputan dari user dan memproses hasil inputan tersebut ke server.

Latar Belakang

 Dapat memahami tentang Form pada PHP dan cara membuatnya.

Uraian

    Penggunaan Form yang hanya menggunakan HTML saja tidak akan terlalu berguna, Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user dan akan di proses dengan bahasa pemrograman seperti JavaScript atau PHP, dan disimpan dalam database MySQL.
Perintah atau tag yang digunakan adalah <FORM> dan diakhiri d
engan </FORM>. Field-field yang berada diantaranya digunakan untuk menentukan ukuran jenis dari masing-masing input field.

Contoh dibawah ini menampilkan bentuk HTML sederhana dengan dua kolom dan tombol kirim.

Masukkan Coding :

<html>
<body>

<form action="form-input.php" method="post">
Name : <input type="text" name="name"><br>
E-mail : <input type="text" name="email"><br>
<input type="submit" value="Login">
</form>

</body>
</html>



hasil :












    Saat pengguna mengisi formulir di atas dan mengklik tombol kirim, data formulir dikirim untuk diproses ke file PHP yang bernama "form-input.php". Data formulir dikirim dengan metode HTTP POST.

Untuk itu mari kita buat Form baru yaitu simpan dengan nama “form-input.php”.



Masukkan coding :

<html>
<head>
<title>form php </title>
<style>
body {
background-image: url(h.jpg);
height: 400px;
width: 1000px;

}
.tengah{
position: absolute;
margin-top: -100px;
margin-left: -200px;
left: 50%;
top: 50%;
width: 500px;
height: 300px;
background-image: url(r.jpg);
}
</style>
</head>
<body>
<div align="center" class="tengah"><p align="center"><font face="verdana" size="6" color="black">Silahkan Masukkan Biodata</font></p>
<form method = "post" action = "simpan.php">
<table align="center">
<tr><td>NIS</td><td><input type = "text" onkeyup="isi_otomatis()" name="nim"></td></tr>
<tr><td>Nama</td><td><input type="text" name="nama"></td></tr>
<tr><td>Jenis Kelamin</td><td>
<input type="radio" name="jenis_kelamin" value="L">Laki Laki
<input type="radio" name="jenis_kelamin" value="P">Perempuan
</td></tr>
<tr><td>Jurusan</td><td>
<select name="jurusan">
<option value="AKUNTANSI">AKUNTANSI</option>
<option value="ADMINISTRASI PERKANTORAN">AP (Administrasi Perkantoran)</option>
<option value="PEMASARAN">PEMASARAN</option>
<option value="REKAYASA PERANGKAT LUNAK">RPL (Rekayasa Perangkat Lunak)</option>
<option value="TEKNIK KOMPUTER JARINGAN">TKJ (Teknik Komputer Jaringan</option>
</select>
</td></tr>
<tr><td>Agama</td><td>
<select name="agama">
<option value="ISLAM">Islam</option>
<option value="KRISTEN">Kristen</option>
<option value="HINDU">Hindu</option>
<option value="BUDHA">Budha</option>
<option value="KATHOLIK">Katholik</option>
</select>
</td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
<tr><td colspan="2"><button type="submit" value="simpan">SIMPAN</button></td></tr>
</table>
</form>
</div>
</body>
</html>




hasil :













untuk hasil diatas, mungkin coding CSS-nya tidak akan muncul background-nya karena pada background di masukkan gambar bukan color, untuk itu kita harus mengganti nama gambar sesuai nama gambar yang kita miliki. Ingat harus satu folder yaaa….





Selamat mencoba sobat……….;)

Maksud dan Tujuan

lebih memahami form pada PHP
mengerti penempatan pada form
dapat mempraktikkan membuat Form pada PHP


Alat dan Bahan

1. Laptop
2. File Items
3. Text Editor

Referensi