Sunday, April 4, 2010

Form helper sederhana menggunakan CodeIgniter

Pada pembuatan website tentunya tidak akan lepas dari pembuatan form. Codeigniter mempermudah kita dalam pembuatan form dengan menyediakan sebuah form helper. Dengan adanya form helper, pembuatan form menjadi lebih mudah, simpel, ramah validasi, dan juga terkesan lebih elegan disisi source code-nya.

Kali ini saya akan mencoba membuat form sederhana login dengan memanfaatkan form helper dari Codeigniter.

Jika anda belum memiliki CodeIgniter, download disini terlebih dahulu. Kemudian baca sekilas tentang CodeIgniter disini dan cara install disini.

Pertama-tama buat file login_form.php di application/views/

Kemudian isi file login_form.php seperti berikut :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form sederhana dengan Form Helper CodeIgniter</title>
</head>
<body>
<div id="login" >
<?=form_open('login/index')?>
    <?=form_fieldset('Login Form')?>
    <table cellspacing="5px">
        <tr>
            <td><?=form_label('Username', 'username')?></td>
            <td>:</td>
            <td colspan="2">
                <?php
                    $user_name = array(
                              'name'        => 'username',
                              'maxlength'   => '25',
                              'size'        => '20',
                        );
                    echo form_input($user_name, set_value('username'));
                ?>
            </td>
        </tr>
        <tr>
            <td><?=form_label('Password', 'password')?></td>
            <td>:</td>
            <td colspan="2">
                <?php
                    $password = array(
                              'name'        => 'password',
                              'maxlength'   => '15',
                              'size'        => '10',
                        );
                    echo form_password($password);
                ?>
            </td>
        </tr>   
        <tr>
            <td colspan="4" align="right">
                <?=form_submit('submit', 'Login')?>
            </td>
        </tr>
    </table>
    <?=form_fieldset_close()?>
<?=form_close();?>
</div>
</body>
</html>

Setelah membuat view, buat controller file login.php di application/controllers/

Kemudian isi file login.php seperti berikut :

    class Login extends Controller {
        function index()
        {
            // load helper untuk form, form helper
            $this->load->helper('form');
            // load view login form
            $this->load->view('homepage');      
        }
    }

Kemudian jalankan dengan browser dan lihat hasil form dengan menggunakan form helper. Mudah bukan..!!

2 comments:

  1. di sini di sini...kuk g ada link c gan...

    ReplyDelete
    Replies
    1. mohon maaf gan, hilang karena sempat ganti theme. sudah saya perbaiki.
      terima kasih infonya..

      Delete