Assalamualaikum wr.wb
Kembali lagi bersama saya Gema antika hariadi, mahasiswa universitas ahmad dahlan yang paling gendut dan paling ganteng, hari ini saya akan membuat artikel dan mengupload sebuah artikel yang berjudul membuat form pendaftaran menggunakan html dan php.
Tapi disini saya tidak akan menjelaskan bagaimana caranya tapi saya akan menampilkan hasilnya saja hehe, sorry bosque, dibawah ini adalah hasil dari pekerjaan saya.
?>
Gambar diatas adalah sebuah WEB dasar atau web biasa yang saya buat, saya menyusun letak penempatan penempatannya menggunakan tag <table></table> supaya lebih keliatan rapi dan lebih mudah untuk membuatnya.
WEB sederhana itu saya buat untuk mahasiswa atau calon mahasiswa yang mau mendaftarkan dirinya. Didalam itu terdapat beberapa yang harus diisi untuk orang yang mau mendaftarkan diri mereka seperti kolom nama, alamat, email, agama, dan jenis kelamin.
Untuk kolom "NAMA" itu saya buat menggunakan type text, dan untuk type "ALAMAT" saya menggunakan textarea, untuk kolom email saya gunakan type text, dan untuk kolom agama saya gunakan type radio, dan untuk kolom jenis kelamin saya menggunakan type select option.
Mari kita isi kolom kolom tersebut dengan nama saya, lihatlah gambar dibawah ini.
Saya sudah mengisi semua kolom menggunakan identitas saya, dibawah kolom bagian jenis kelamin terdapat dua pilihan yaitu "masukkan" dan "ulang" jika anda sudah mengisi kolom dan ingin mengirim makan anda tinggal mengklik masukkan, tetapi jika anda ingin mengisi ulang ataupun menghapus data yang sudah terisi maka klik lah tombol ulang, maka semua data yang telah tertulis dikolom akan terhapus.
Jika kita mengklik pilihan masukkan maka kita akan dibawa ke tab baru, yaitu semua data yang kita tulis di kolom formulir tadi akan otomatis keluar di tab baru ini.
Dibawah ini adalah penulisan HTML dan php untuk membuat WEB sederhana seperti diatas.
<html>
<head>
<title>PENDAFTARAN UAD</title>
</head>
<body bgcolor="blue">
<center><table>
<tr>
<td colspan=2><img src="gema.jpg" width=800></td>
</tr>
<tr bgcolor="pink">
<td align="center">Menu<br>
Artikel<br>
<a href="Pendaftaran.html">Pendaftaran</a>
</td>
<td bgcolor="#ff7733" width=540px>FORM PENDAFTARAN<br>
<table>
<form action="pendaftaran1.php" method="POST">
<tr>
<td>Nama : </td><td><input type="text" size=40 name="name"></td>
</tr>
<tr>
<td>Alamat : </td><td><textarea cols=31 rows=3 name="alamat"></textarea></td>
</tr>
<tr>
<td>Email : </td><td><input type="text" size= 40 name="email"></td>
</tr>
</table>
<br>
Agama : <input type="radio" name="agama" value="islam"> ISLAM
<input type="radio" name="agama" value="kristen">KRISTEN
<input type="radio" name="agama" value="hindu">HINDU
<input type="radio" name="agama" value="budha">BUDHA
<input type="radio" name="agama" value="konguchu">KONGUCHU<br>
<br>
Jenis Kelamin : <select name="kelamin">
<option value="Laki-Laki">Laki-Laki</option>
<option value="cewek">Cewek</option>
</select><br>
<input type="submit" name="input" value="Masukkan">
<input type="reset" name="reset" value="ulang">
</td>
</tr>
<tr>
<center><td colspan=2 bgcolor="blue"><img src="gema1.jpg"width=800></td></center>
</tr>
</table></center>
</body>
</html>
<head>
<title>PENDAFTARAN UAD</title>
</head>
<body bgcolor="blue">
<center><table>
<tr>
<td colspan=2><img src="gema.jpg" width=800></td>
</tr>
<tr bgcolor="pink">
<td align="center">Menu<br>
Artikel<br>
<a href="Pendaftaran.html">Pendaftaran</a>
</td>
<td bgcolor="#ff7733" width=540px>FORM PENDAFTARAN<br>
<table>
<form action="pendaftaran1.php" method="POST">
<tr>
<td>Nama : </td><td><input type="text" size=40 name="name"></td>
</tr>
<tr>
<td>Alamat : </td><td><textarea cols=31 rows=3 name="alamat"></textarea></td>
</tr>
<tr>
<td>Email : </td><td><input type="text" size= 40 name="email"></td>
</tr>
</table>
<br>
Agama : <input type="radio" name="agama" value="islam"> ISLAM
<input type="radio" name="agama" value="kristen">KRISTEN
<input type="radio" name="agama" value="hindu">HINDU
<input type="radio" name="agama" value="budha">BUDHA
<input type="radio" name="agama" value="konguchu">KONGUCHU<br>
<br>
Jenis Kelamin : <select name="kelamin">
<option value="Laki-Laki">Laki-Laki</option>
<option value="cewek">Cewek</option>
</select><br>
<input type="submit" name="input" value="Masukkan">
<input type="reset" name="reset" value="ulang">
</td>
</tr>
<tr>
<center><td colspan=2 bgcolor="blue"><img src="gema1.jpg"width=800></td></center>
</tr>
</table></center>
</body>
</html>
yang diatas adalah untuk file.html nya, untuk memanggil ke tab baru seperti tadi kita harus membuat baru dalam bentuk.php
dibawah ini adalah penulisan dalam bentuk php.
<?
$name =$_POST['name'];
$alamat =$_POST['alamat'];
$email =$_POST['email'];
$agama =$_POST['agama'];
$kelamin =$_POST['kelamin'];
echo "Nama anda : ".$name;
echo "<br>";
echo "Alamat anda : ".$alamat;
echo "<br>";
echo "Email anda : ".$email;
echo "<br>";
echo "Agama Anda :".$agama;
echo "<br>";
echo "Jenis Kelamin anda : ".$kelamin;
$name =$_POST['name'];
$alamat =$_POST['alamat'];
$email =$_POST['email'];
$agama =$_POST['agama'];
$kelamin =$_POST['kelamin'];
echo "Nama anda : ".$name;
echo "<br>";
echo "Alamat anda : ".$alamat;
echo "<br>";
echo "Email anda : ".$email;
echo "<br>";
echo "Agama Anda :".$agama;
echo "<br>";
echo "Jenis Kelamin anda : ".$kelamin;
?>
Sekian dari saya, semoga bermanfaat bagi kita semua, jika ingin berteman dengan saya. silahkan follow ig saya : @gemaantikahr
Komentar
Posting Komentar