Thursday, September 10, 2015

Input Box pada PHP

Pada hampir setiap halaman website kita sering menemukan input box yang digunakan untuk menginputkan kata atau kalimat yang dapat menghasilkan informasi. Oleh karena itu saya akan menjelaskan cara membuat input box pada PHP dan menampilkan hasil inputan ke halaman web browser.

Ketikan source code di bawah ini dan simpan dengan nama input_box.php :
<!DOCTYPE html>

<?php
    @$text = $_POST['input_text'];
?>

<hmtl>
    <head>
        <title>Input Text</title>
    </head>
    <body>
    <center>
        <br/><br/><br/>
        <form action="input_text.php" method="POST">
            <label>Text : </label>
            <input name="input_text" type="text" value="<?php echo $text; ?>"/>
            <input name="submit" type="submit" value="SUBMIT" />
            <h1><?php echo $text; ?></h1>
        </form>
    </center>
    </body>
</hmtl>



Dalam source code ini saya menggabungkan PHP dengan HTML. Yang pertama akan saya jelaskan adalah bagian PHP.
1. Pada baris :
<?php
    @$text = $_POST['input_text'];
?>
artinya, kita  membuat sebuah variable yang bernama "text" yang nantinya akan menampung hasil input kata ataupun kalimat pada input box dengan name = 'input_text' yang berada pada bagian HTML.

2. Pada baris:
<form action="input_text.php" method="POST">
artinya, ketika kita mengirimkan nilai atau ketika tombol submit diklik, maka halaman yang akan terpanggil atau muncul adalah halaman itu sendiri beserta dengan hasil dari nilai (kata atau kalimat) yang sudah kita inputkan pada halaman tersebut dengan menggunakan method POST.

3. Pada baris:
<input name="input_text" type="text" value="<?php echo $text; ?>"/>
artinya, kita membuat nama kepada input box dengan nama "input_text" yang nantinya akan menampilkan nilai yang ditampung pada variable $text pada bagian PHP.

4. Pada baris:
<input name="submit" type="submit" value="SUBMIT" />
artinya, kita membuat tombol dengan nama = "SUBMIT", tombol ini yang nantinya akan mengirimkan nilai (kata/kalimat) sehingga kita dapat melihat akhirnya.

5. Pada baris:
<h1><?php echo $text; ?></h1>
artinya, setelah nilai (kata/kalimat) dikirim maka akan ditampilkan isi dari nilai yang ditampung variable $text dengan ukuran tulisan  <h1>.

Hasil akhir pada web browser adalah sebagai berikut:


No comments:

Post a Comment