Membuat Form dengan Bantuan Form Helper
Wed, 03/26/2008 - 12:19 — chandramulyana
Berikut ini contoh :
Form sederhana tanpa Form Helper
Layout Form yang akan dibuat dapat dilihat di attachment file.
Di bawah ini kode HTML-nya
<html>
<head>
<title>Contoh Form Biasa</title>
</head>
<body>
Contoh Form Biasa
<form>
<table border="0" cellpadding="2" cellspacing="1">
<tr>
<td>Nama</td><td>:</td><td><input type="text" name="fNama" size="10"/></td>
</tr>
<tr>
<td>Password</td><td>:</td><td><input type="password" name="fPass" size="10"/></td>
</tr>
<tr>
<td>Komentar</td><td>:</td><td><textarea cols="30" rows="5" name="fKomentar"></textarea></td>
</tr>
<tr>
<td>Pilihan</td><td>:</td>
<td>
<select name="fpilihan">
<option value="1" selected="selected">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
</select>
</td>
</tr>
<tr><td>Pilihan Check Box</td><td>:</td><td><input type="checkbox" name="fpil1" value="pil1" checked="checked"/>Pilihan Pertama</td></tr>
<tr><td></td><td></td><td><input type="checkbox" name="fpil2" value="pil2"/>Pilihan Kedua</td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td><button type="submit" name="btnOK">OK</button></td></tr>
</table>
</form>
</body>
</html>
Form sederhana dengan Form Helper
Controller
Buat sebuah file dengan nama form.php dan disimpan di application/controllers/
Isi file form.php adalah sebagai berikut :
<?
class Form extends Controller {
function index(){
// Load Form Helper
$this->load->helper('form');
// Ini Untuk Judulnya
$data['title'] = 'Contoh Form menggunakan Form Helper';
// Ini untuk Teks Box "Nama"
$data['fNama'] = array('name'=>'fNama','size'=>10);
// Ini untuk Teks Box "Password"
$data['fPass'] = array('name'=>'fPass','size'=>10);
// Ini text area untuk "Komentar"
$data['fKomentar'] = array('name'=>'fKomentar','rows'=>5,'cols'=>30);
// Ini untuk Combo Box Pilihan
$data['fpilihan'] = array('1'=>'Januari','2'=>'Februari','3'=>'Maret');
// Ini untuk Check Box
$data['fpil1'] = array('name'=>'fpil1','value'=>'pil1');
$data['fpil2'] = array('name'=>'fpil2','value'=>'pil2','checked'=>FALSE); $this->load->view('v_form',$data);
}
}
?>
View
Buat sebuah file dengan nama v_form.php dan disimpan di application/views/
Isi file v_form.php adalah sebagai berikut :
<html>
<head>
<title><? echo $title; ?></title>
</head>
<body>
<? echo $title; ?>
<? echo form_open('input'); ?>
<table border="0" cellpadding="2" cellspacing="1">
<tr>
<td>Nama</td><td>:</td><td><? echo form_input($fNama);?></td>
</tr>
<tr>
<td>Password</td><td>:</td><td><? echo form_input($fPass);?></td>
</tr>
<tr>
<td>Komentar</td><td>:</td><td><? echo form_textarea($fKomentar);?></td>
</tr>
<tr>
<td>Pilihan</td><td>:</td>
<td><? echo form_dropdown('fpilihan',$fpilihan,'1'); ?></td>
</tr>
<tr><td>Pilihan Check Box</td><td>:</td><td><? echo form_checkbox($fpil1); ?>Pilihan Pertama</td></tr>
<tr><td></td><td></td><td><? echo form_checkbox($fpil2); ?>Pilihan Kedua</td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td><? echo form_submit('btnOK','OK');?></td></tr>
</table>
<? echo form_close(); ?>
</body>
</html>
Tampilannya sama dengan tampilan pada saat tidak menggunakan Form Helper.
Untuk lebih lengkapnya dapat lihat CodeIgniter User Guide bagian Form Helper.
| Attachment | Size |
|---|---|
| simpleform1.png | 11.82 KB |
