Catch up Coding: September 2014

Tuesday, September 30, 2014

Check Box

Pada tulisan kali ini saya akan meemberitahukan cara untuk membuat check box. Ketikan kode berikut:

Untuk PHPnya ketikan kode berikut:

<?php 
    @$borrow1 = $_POST['borrow1'];
    @$borrow2 = $_POST['borrow2'];
    @$borrow3 = $_POST['borrow3'];
?>

Form Registrasi

Kali ini saya akan menggabungkan semua form yang telah dibuat sebelumnya ke dalam 1 file yang saya namakan sebagai form registrasi.

Kali ini saya akan menjelaskan cara untuk membuat halaman upload foto. Untuk membuatnya kita membutuhkan 2 file. Buatlah file dengan nama upload.php dan upload_file.php, kemudian buatlah 1 folder bernama "upload" tempat menyimpan foto yang telah di-upload tadi.

File upload.php nantinya akan memanggil fungsi upload_file.php untuk mengambil gambar dan menyimpannya dalam folder yang telah kita tentukan.

Calculator

Untuk membuat kalkulator kita membutuhkan variabel angka pertama, variabel angka kedua dan variabel operator matematika yang digunakan. Kita juga perlu menambahkan variabel hasil untuk menampilkan hasil dari operasi matematika yang akan dikerjakan.

Input Date

Pada tulisan ini saya akan membuat program untuk meng-input dan menampilkan tanggal (date).
Untuk bagian HMTL ketikan kode berikut:

<!DOCTYPE HTML>
<html>
    <head>
        <title>DATE</title>
    </head>
    <body>
        <form name="form_date" action="input_date.php" method="POST">
            <center>
                <label>Date : </label>
                <input name="input_date" type="date" value=<?php echo $date; ?>/><br/><br/>
                <input type="submit" value="SUBMIT"/><br/><br/>
                <?php
                    echo $format1;
                ?>
            </center>
        </form>
    </body>
</html>

Radio Button

Pada tulisan kali ini saya akan membuat radio button dengan HTML dan PHP.

Kode untuk HTML nya adalah sebagai berikut:

<!DOCTYPE HTML>
<html>
    <head>
        <title>RADIO BUTTON</title>
    </head>
    <body>
        <form name="form_radio" action="radio_button.php" method="POST">
            <br/><br/>
            <center>
                <label>Gender : </label>
                <input name="gender" type="radio" required="" value="Male" <?php if($gender == "Male"){echo 'checked';} ?> />Male
                <input name="gender" type="radio" required="" value="Female" <?php if($gender == "Female"){echo 'checked';} ?> />Female<br/><br/>
                <input type="submit" value="SUBMIT"/><br/><br/>
            </center>
        </form>
    </body>
</html>

Combo Box

Pada tulisan kali ini saya akan meemberitahukan cara untuk membuat combo box. Ketikan kode berikut untuk bagian HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <title>COMBO BOX</title>
    </head>
    <body>
        <form name="form_combo" action="combo_box.php" method="POST">
            <br/><br/>
            <center>
                Option :
                <select name="option">
                    <option <?php if($option == 'Playing'){echo 'selected';} ?>>Playing</option>
                    <option <?php if($option == 'Reading'){echo 'selected';} ?>>Reading</option>
                    <option <?php if($option == 'Swimming'){echo 'selected';} ?>>Swimming</option>
                    <option <?php if($option == 'Racing'){echo 'selected';} ?>>Racing</option>
                </select><br/><br/>
                <input name="submit" type="submit"/><br/><br/>
                <?php echo $option; ?>
            </center>
        </form>
    </body>
</html>

Textarea

Pada tulisan kali ini saya akan menampilkan cara menggunakan textarea dalam HTML.
Pertama-tama ketikan kode berikut untuk bagian HTMLnya:

<!DOCTYPE HTML>
<html>
    <head>
        <title>TEXTAREA</title>
    </head>
    <body>
        <form name="form_text_area" action="textarea.php" method="POST">
            <br/><br/>
            <center>
                <h1>TEXTAREA</h1>
                <textarea name="text_area" style="height: 150px; width: 250px">
                    <?php echo $text_area; ?> 
                </textarea><br/><br/>
                <input name="submit" type="submit" value="SUBMIT"/><br/><br/>
                <?php
                echo $text_area;
                ?>
            </center>
        </form>
    </body>
</html>

Menampilkan Hasil Input 2

Pada tulisan sebelumnya telah dijelaskan cara untuk menampilkan input_name, jadi sekarang saya akan menjelaskan cara untuk menampilkan hasil input sebanyak 2x.

Pada bagian HTML ketikan kode berikut:

<!DOCTYPE html>
<html>
    <head>
        <title>Input Name</title>
    </head>
    <body>
    <center>
        <br/><br/><br/>
        <form action="input_name2.php" method="POST">
            <label>Name : </label>
            <input id="input_name" name="input_name" type="text" value="<?php echo $nama; ?>" />
            <input type="submit" value="SUBMIT" /><br/><br/>
            <h1><?php echo $nama; ?></h1>
            <h1><?php echo $nama; ?></h1>
        </form>
    </center>
</body>
</html>

Menampilkan Hasil Input

Untuk menampilkan hasil input, yang pertama diperlukan adalah tempat untuk meng-input-kan tulisan yang akan kita tampilkan. Maka buatlah sebuah form yang berisi input area dengan cara seperti berikut:

<!DOCTYPE html>
<html>
    <head>
        <title>Input Name</title>
    </head>
    <body>
    <center>
        <br/><br/><br/>
        <form action="input_name.php" method="POST">
            <label>Name : </label>
            <input name="input_name" type="text" value="<?php echo $nama; ?>" />
            <input name="submit" type="submit" value="SUBMIT" />
            <h1><?php echo $nama; ?></h1>
        </form>
    </center>
</body>
</html>

Hello World

Pada tulisan ini saya akan menjelaskan coding sederhana dengan PHP. Yang pertama adalah menampilkan tulisan ke browser. Pertama-tama buatlah sebuah file dengan nama helloworld.php. Setelah itu ketikan kode di bawah ini dan simpan pada folder htdocs tempat XAMPP Anda terinstal.

<!DOCTYPE HTML>
<html>
    <head>
        <title>Hello World</title>
    </head>
    <body>
        <center><h1>Hello World ^_^ <h1/></center>
    </body>
</html>

Penjelasan:
Ketika kita memulai membuat program atau source code PHP maka kita harus menggunakan tag " <?php " sebagai pembuka dan tag " ?> " sebagai penutupnya.
Fungsi "echo" pada source code di atas yaitu untuk menampilkan tulisan yang telah kita tuliskan di dalam tanda petik dua.

Catch up Coding

Tuesday, September 30, 2014

Check Box

Sunday, September 28, 2014

Form Registrasi

Friday, September 26, 2014

Photo Upload / Upload Foto