Menginput dan Menampilkan data diri menggunakan HTML dan PHP


Kali ini, kita akan membuat sebuah file HTML yang akan kita gunakan untuk menginput data dan menghubungkannya ke file PHP yang akan menampilkan data yang telah kita input.

Untuk file HTML saya beri nama tanya.html dengan script sebagai berikut:

<html>

<head><title>latihan</title></head>

<body bgcolor=”black” text=”green”>

//Script untuk menjalankan Aksi ketika kita menekan tombol OK

<form action=jawab.php method=get>

Masukkan nama anda:<br>

//Untuk memunculkan textbox dengan nama nama_pemakai

<input type=text NAME=”nama_pemakai”><br>

Masukkan usia anda:<br>

//Untuk memunculkan textbox dengan nama usia—size untuk menentukan ukuran textbox

<input type=text Name=”usia” size=7><br>

//Untuk memunculkan combobox dengan nama jk(jenis kelamin)

Jenis kelamin:<br>

<select name=”jk”>

<option value=”Laki-laki”

Selected>Laki-laki

<option value=”Perempuan”>Perempuan

</select><br>

Tingkat Pendidikan:<br>

//untuk memunculkan radiobutton dengan nama tpa(tingkat pendidikan akhir)

<input type=”radio” name=”tpa”

value=”SMA”>SMA

<input type=”radio” name=”tpa”

value=”S1″>S1

<br>

//Untuk memunculkan tombol dengan caption “OK”

<input type=submit value=”OK”>

</form>

</body>

</html>

Ketika kita menjalankan file ini di browser maka tampilannya akan terlihat seperti ini:

image002

Selanjutkan kita akan membuat file PHP yang berfungsi untuk menampilkan data yang akan kita input ke dalam file tanya.html yang kita buat di atas. Sehingga ketika kita menekan tombol OK pada file tanya.html maka hasilnya akan ditampilkan pada file PHP yang akan kita beri nama jawab.php.

Sesuai dengan nama pada form action yang kita masukkan pada file html diatas.

Silahkan anda ketikkan script berikut:

<html>

<head><title>latihan</title></head>

<body bgcolor=”black” text=”green”>

<?PHP

echo “DATA PRIBADI<br>”;

//$_REQUEST berfungsi untuk memanggil dan menampilkan name yang ada dalam []

echo “Nama: “;echo $_REQUEST[‘nama_pemakai’];

echo  “<br>Usia: “;echo $_REQUEST[‘usia’];

echo “<br>Jenis Kelamin: “;echo $_REQUEST[‘jk’];

echo “<br>Tingkat Pendidikan:”;echo $_REQUEST[‘tpa’];

?>

</body>

</html>

Ok, sekarang silahkan anda simpan file ini dengan nama jawab.php.

Lalu buka kembali file HTML yang pertama kita buat, yaitu tanya.html. Kemudian isikan data diri anda.

Lalu tekan tombol OK. Anda akan segera dialihkan menuju halaman jawab.php yang akan menampilkan data diri yang telah anda input.

Hasilnya kurang lebih akan tampak seperti berikut ini.

image004

Selamat mencoba, salam sukses!!

8 pemikiran pada “Menginput dan Menampilkan data diri menggunakan HTML dan PHP

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s