Pada intinya membuat form itu dapat dibuat menggunakan HTML. Tau kan
pastinya? Tapi bagaimana jika kita menginginkan sebuah koding yang
bersih dan rapi tertulis semua dalam sebuah file? Tentunya bagi anda
yang sudah malang melintang di dunia peng-koding-an tentu selalu dan
selalu meninginkan sebuah baris kode yang rapid an teratur.
Oke, pada dasarnya Codeigniter saya singkat saja menjadi CI. Sudah menyediakan sebuah function yang dikumpulkan dalam sebuah file disebut dengan helper form. Apa itu helper form? Anda dapat melihat langsung di sini http://codeigniter.com/user_guide. Lalu bagaimana menggunakannya? Cobalah contoh berikut,pada kasus ini saya akan membuat sebuah form registrasi sederhana menggunakan Codeigniter versi 2.1.3.
Buatlah sebuah Controller terlebih dahulu, beri nama controllernya dengan registrasi.php,
Kemudia cobalah tampilkan pada browser dengan mengetikkan http://localhost/nama_direktori_ci/index.php/registrasi, jika anda benar melakukan penulisan kode maka akan tampak seperti pada gambar berikut:
Source by: http://www.tutorial-webdesign.com/tutorial-membuat-form-dengan-codeigniter/
Oke, pada dasarnya Codeigniter saya singkat saja menjadi CI. Sudah menyediakan sebuah function yang dikumpulkan dalam sebuah file disebut dengan helper form. Apa itu helper form? Anda dapat melihat langsung di sini http://codeigniter.com/user_guide. Lalu bagaimana menggunakannya? Cobalah contoh berikut,pada kasus ini saya akan membuat sebuah form registrasi sederhana menggunakan Codeigniter versi 2.1.3.
Buatlah sebuah Controller terlebih dahulu, beri nama controllernya dengan registrasi.php,
<?php
if(!defined('BASEPATH')) exit('Keluar dari sistem');
class Registrasi extends CI_Controller
{
public function __construct()
{
parent::__construct();
//load helpernya
$this->load->helper('form');
}
public function index()
{
//membuat form nama
$ar_name = array('name'=>'nama',
'id'=>'nama',
'value'=>'',
'class'=>'teks',
'size'=>'40'
);
$data['f_nama'] = form_input($ar_name);
//membuat form alamat
$ar_alamat = array(
'name'=>'alamat',
'id'=>'alamat',
'rows'=>'5',
'cols'=>'40',
'class'=>'teksarea'
);
$data['f_alamat'] = form_textarea($ar_alamat);
//membuat form agama
$ar_agama = array(
'islam'=>'Islam',
'kristen'=>'Kristen',
'katolik'=>'Katolik',
'hindu'=>'Hindu',
'budha'=>'Budha',
'konghucu'=>'Konghucu',
'lainnya'=>'Lainnya'
);
$data['f_agama'] = form_dropdown('agama', $ar_agama);
//membuat form hobi
$ar_hobi1 = array(
'name'=>'hobi[]',
'id'=>'hobi',
'value'=>'bola',
);
$ar_hobi2 = array(
'name'=>'hobi[]',
'id'=>'hobi',
'value'=>'senam'
);
$ar_hobi3 = array(
'name'=>'hobi[]',
'id'=>'hobi',
'value'=>'komputer'
);
$data['f_hobi'] = form_checkbox($ar_hobi1);
$data['f_hobi2'] = form_checkbox($ar_hobi2);
$data['f_hobi3'] = form_checkbox($ar_hobi3);
//membuat form jurusan
$ar_jur1 = array(
'name'=>'jurusan',
'id'=>'jurusan',
'value'=>'komakt'
);
$ar_jur2 = array(
'name'=>'jurusan',
'id'=>'jurusan',
'value'=>'ce'
);
$ar_jur3 = array(
'name'=>'jurusan',
'id'=>'jurusan',
'value'=>'si'
);
$data['f_jur1'] = form_radio($ar_jur1);
$data['f_jur2'] = form_radio($ar_jur2);
$data['f_jur3'] = form_radio($ar_jur3);
//membuat tombol
$ar_tom = array(
'name'=>'submit',
'id'=> 'submit',
'value'=>'Simpan',
'class'=>'tombol'
);
$data['f_tombol'] = form_submit($ar_tom);
$this->load->view('form_registrasi', $data);
}
//end of class
}
?>
Selanjutnya buatlah sebuah file view, tujuannya untuk menampilkan script
dari controller, beri nama filenya dengan form_registrasi.php
<html>
<head>
<title>Form Registrasi DIMASEDU INSTITUE </title>
<style>
body
{
margin:50px;
font-family:Arial;
background:#eee;
}
#wrap
{
margin:auto;
width:500px;
border:5px solid #ccc;
padding:5px;
background:#fff;
box-shadow:4px 4px 10px 2px #888;
}
#content
{
padding:3px;
}
#content h2
{
font-size:22px;
font-weight:bold;
color:#FF9900;
}
.t_reg
{
padding:4px;
}
.t_reg tr td
{
font-size:12px;
font-weight:bold;
}
.teks
{
padding:5px;
border:1px #ccc solid;
}
.teksarea
{
padding:5px;
border:1px #ccc solid;
}
.tombol
{
padding:5px;
background:#cc0000;
color:#fff;
border:1px solid #fff;
font-size:11px;
font-weight:bold;
}
#footer
{
font-size:11px;
margin:auto;
margin-top:20px;
text-align:center;
}
#footer a
{
text-decoration:none;
color:#000;
font-weight:bold;
}
</style>
</head>
<body>
<div id="wrap">
<div id="content">
<h2>Registrasi Mahasiswa</h2>
<?php
//deklarasikan awal form
form_open('registrasi/proses',array('name'=>'regForm',
'method'=>'POST'));
?> <table> <tr> <td>Nama Lengkap</td> <td>:</td> <td><?php echo $f_nama;?></td> </tr> <tr> <td>Alamat Lengkap</td> <td>:</td> <td><?php echo $f_alamat;?></td> </tr> <tr> <td>Agama</td> <td>:</td> <td><?php echo $f_agama;?></td> </tr> <tr> <td>Hobi</td> <td>:</td> <td><?php echo $f_hobi;?> Sepakbola <?php echo $f_hobi2;?> Senam <?php echo $f_hobi3;?> Komputer </td> </tr> <tr> <td>Jurusan</td> <td>:</td> <td><?php echo $f_jur1;?> Komputer Akuntansi<br> <?php echo $f_jur2;?> Teknik Komputer<br> <?php echo $f_jur3;?> Sistem Informasi</td> </tr> <tr> <td></td> <td></td> <td><?php echo $f_tombol;?></td> </tr> </table> <?php //deklarasikan akhir form form_close(); ?> </div> </div> <div id="footer"> DIMASEDU INSTITUTE © 2012<br> Created by Dimas Edubuntu Samid <br> <a href="http://dimasedu.net" target="_blank">DIMASEDU NET </a> </div> </body> </html>
Kemudia cobalah tampilkan pada browser dengan mengetikkan http://localhost/nama_direktori_ci/index.php/registrasi, jika anda benar melakukan penulisan kode maka akan tampak seperti pada gambar berikut:
Source by: http://www.tutorial-webdesign.com/tutorial-membuat-form-dengan-codeigniter/
No comments:
Post a Comment