Langsung ke konten utama

Pembuatan tampilan input dan output - Tugas pertemuan 3

 

Script Input : 

<html>

<head>

    <title>Kelompok Satu</title>

</head>

<body bgcolor="808080"

<body>

    <form action ="output.php" method="POST">

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <table align="center" border="1" cellpadding="0" cellspacing="0">

        <tr align="center"bgcolor='#FF0000' align='center'><td><h3> <b>Kelompok Satu </b> </h3></td></tr>

        <tr bgcolor='#FFFFFF' align='center'>

        <td>

        <table width="450" border="0" cellpadding="0" cellspacing="10" align="center">

            <tr>

                <td>Nama Barang</td>

                <td>:</td>

                <td><input type="text" name="nama"></td>

            </tr>

            <tr>

                <td>Harga</td>

                <td>:</td>

                <td><input type="text" name="harga"></td>

            </tr>

            <tr>

                <td>Jumlah Beli</td>

                <td>:</td>

                <td>

                    <select name="qty">

                        <option value="">- Jumlah -</option>

                        <?php

                            for($x=1;$x<=50;$x++){

                        ?>

                        <option value="<?php echo $x; ?>"><?php echo $x; ?></option>

                        <?php

                            }

                        ?>

                    </select>

                </td>

            </tr>

            <tr>

                <td></td>

                <td></td>

                <td>

                    <input type="submit" name="hitung" value="Hitung">

                </td>

                        </table>

        </td>

            </tr>

        </table>

    </form>

   

</body>

</html>





Script Output: 

<body bgcolor='808080'>

<?php

    if(isset($_POST['hitung'])){

        $nama    =$_POST['nama'];

        $harga    =$_POST['harga'];

        $qty    =$_POST['qty'];         $total    =$harga*$qty;         echo "         <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

        <br>

            <table align='center'border='1' cellpadding='4'>

                <tr bgcolor='red'>

                    <td>Nama Barang</td>

                    <td>Harga</td>

                    <td>Banyaknya</td>

                    <td>Total Harga</td>

                </tr>

                <tr bgcolor='white'>

                    <td>$nama</td>

                    <td align='right'>";echo number_format($harga,0,',','.');echo "</td>

                    <td align='right'>";echo number_format($qty,0,',','.');echo "</td>

                    <td align='right'>";echo number_format($total,0,',','.');echo "</td>

                </tr>

            </table>

        ";

    }

?>



Hasil input :

Hasil output :


Penjelasan coding :

<html> : Berfungsi untuk membuat sebuah dokumen html <title> : Berfungsi untuk memberi judul pada sebuah halaman web bgcolor : Berfungsi untuk memberi warna pada background tabel

action : Attribute yang Berfungsi untuk mendefinisikan tindakan apa yang akan dilakukan ketika formulir dikirimkan.

POST : method yang berfungsi untuk mengirimkan data atau nilai langsung ke action untuk ditampung, tanpa menampilkan pada URL.

<form> : Berfungsi untuk membuat sebuah form HTML untuk input pengguna

<br> : Berfungsi untuk membuat baris baru

<tr> : Berfungsi untuk membuat baris 

<td> : Berfungsi untuk membuat cell

<table> : Berfungsi untuk membuat tabel

<input> : Berfungsi untuk membuat sebuah kontrol input

Align : Berfungsi untuk mengatur bentuk data pada tabel secara horizontal.  

Border : Berfungsi untuk mengatur ketebalan dari garis tepi (border) dari tabel.

<select> : membuat sebuah daftar drop-down

<option> : membuat pilihan dalam daftar drop-down

Isset : Berfungsi untuk menghasilkan nilai true jika sebuah variabel telah didefenisikan, dan false jika variabel tersebut belum dibuat.

$ : Berfungsi untuk memberi nilai pada sebuah variabel Echo : untuk menampilkan teks ke layar  






Soal dan Jawaban Serta Penjelasannya Soal :

1.  bagaimana cara membuat metode post?beserta codenya!

2.  apa yang dimaksud dengan dengan combo box?beserta code!

3.  bagaimana membuat submit?beserta code!

4.  bagaimana cara membuat tabel di atas?beserta code!

5.  Apa fungsi action attribute? Berikan penjelasan nya beserta codenya!

 

Jawaban :

1.  Disini kami tentunya menggunakan metode post pada contoh kodingan di atas

Method POST Mengirimkan Data Secara Langsung. Maksudnya adalah mengirimkan sebuah data atau nilai / value langsung ke file lain. 

Contoh codingan

<form action ="output.php" method="POST"> disini kita memerlukan form action untuk menampung sebuah nama website yaitu output.php sehingga data yang kita isi dapat dikirmkan ke nama website yang kita tuju dengan menggunakan metode post.

 

2.  Combo box dalam pemrograman php ini adalah menampilkan sebuah daftar data yang kita buat.

Contoh codingan

<select name="qty">

<option >-Jumlah -</option>

<option >1</option>

<option >2</option></select>

Cara untuk membuat combo box kita perlu yang namanya <select> nama variable lalu disini kita membuat <option> 1 </option> <option> 2 </option> agar data bisa kita pilih salah satu kemudian jangan lupa kita tutup tag select seperti ini</select> karena tag tersebut tidak bisa berdiri sendiri.

 

3.  Tentu pada umumnya kita harus membuat submit  pada form agar data bisa dikirmkan atau di batalkan. Submit sendiri berfungsi untuk mengirimkan semua variable data pada komponen-komponen form yang ada.

Contoh codingan

<input type="submit" name="hitung" value="Hitung"> Atribut name digunakan untuk memberi nama komponen tombol submit tersebut. Sedangkan atribut value digunakan untuk menampilkan keterangan pada tombol submit tersebut.  

 

4.  Disini tag yang kami gunakan adalah tag <table>, <tr>, dan <td>. Sementara tag yang lain adalah tambahan (opsional), boleh digunakan boleh tidak.

Contoh codingan

<table>

<tr>

                <td>Nama Barang</td>

                <td>:</td>

            </tr></table>

Fungsi tag table adalah untuk membungkus tabelnya,tag tr berfungsi sebagai membuat garis baru lalu ada tag td sebagai pembuat kolom disitu kita berikan contoh pada tag td yaitu nama barang lalu kita tutup lagi dengan </td> setelah itu kita jangan lupa memberi tag penutup pada tag yang lain agar ketika di run terbentuk sebua table.

 

5.  Action Attribute berfungsi untuk mendefinisikan tindakan apa yang akan dilakukan ketika formulir dikirimkan. Berikut contoh codingan nya :

<form action ="output.php" method="POST">

Fungsi action attribute pada codingan diatas adalah untuk menjelaskan bahwa server yang ditentukan untuk menangani formulir yang diajukan adalah ke halaman output.php dengan menggunakan method POST

 






 



Komentar

Postingan populer dari blog ini

Jenis Jenis File Dan Navigasi Berserta Contohnya - Tugas pertemuan 1

  JENIS-JENIS FILE BESERTA CONTOHNYA : 1. Berkas Induk (Master File) File induk merupakan file yang terpenting pada suatu system. Sebuah file induk merupakan file yang digunakan untuk menyelesaikan tugas pokok tertentu dan dipelihara secara teratur. Contoh : System Rumah Sakit memerlukan file induk tentang catatan pasien, catatan penyakit, disamping file lainnya.Jenis informasi pada file induk cenderung tetap, tetapi isi informasinya dapat sering berubah. File induk selalu diperbaharui dengan menggunakan file transaksi. File induk   digunakan untuk menyimpan data dari system informasi tertentu secara lengkap dan dipelihara secara teratur. File ini merupakan file utama dari file-file yang lainnya. File ini di perlukan untuk memperlancar   untuk operasi   system dan diperbaharui secara teratur. Ada 2 jenis tipe File Master : Reference Master File, yaitu file yang berisi record yang tak berubah / jarang berubah. Contoh : berkas pelanggan yang berisi field no...