ribbon iwa

Membuat Form Menggunakan CodeIgniter

Selamat pagi bagaimana kabar anda, kali ini pertama kalinya kami akan memperluas kontent dengan mulai membahas mengenai codeigniter, kami yakin setelah pembahasan mengenai CodeIgniter ini selesai kami akan mencoba membahas mengenai Framework laravel.



langsung saja mari kita memulai dari awal, perlu kalian ketahui untuk bekerja pada formulir CI kalian harus menggunakan form Helper.

Load form helper

 $this->load->helper('form'); 


Kalian juga dapat memuat form helper di aplikasi / config / autoload.php.
 $autoload['helper']=array('form'); 

Manfaat pemuatan dari helper di autoload.php adalah jika Anda memiliki beberapa form maka Anda harus menggunakan form helper di setiap controller tetapi memuat form helper di autoload.php maka tidak perlu memuat form helper di setiap controller. Ini secara otomatis akan dimuat di setiap pengontrol.

Lalu bagaimana cara memulainya?

 <?php echo from_open($action,[$attributes])?> 

$action (string): Control utama

$attributes (array): atribut HTML seperti nama, kelas, dll.

Berikut contoh:
 <?php echo from_open('controller/method',['name'=>'signup'])?> 

Berikut hasilnya :
 <form name="signup" method="post"> 

Cara membuat text input field
 <?php echo form_input(['name'=>'fullname','id'=>'fullname','placeholder'=>'Enter your full name','class'=>'form-control']);?> 

Berikut hasilnya:
 <input type="text" name="fullnmae" id="fullname" placeholder="Enter your full name" class="form-control"> 

Cara membuat password input field
 <?php echo form_password(['name'=>'password','id'=>'password','placeholder'=>'Enter your password','class'=>'form-control']);?> 

Berikut hasilnya:
 <input type="password" name="password" id="password" placeholder="Enter your password" class="form-control"> 

Cara membuat drop down list
 <?php echo form_dropdown('name',$options,$selectedvalues)?> 

name: nama daftar tarik turun
$options: daftar dropdown
$selectedvalues: Jika Anda ingin memilih nilai

Contoh daftar drop down:
 <?php  
$options=array(
'PHP'=>'PHP'
'MySQL'=>'MySQL' 
'Wordpress'=>'Wordpress' 
'HTML'=>'HTML' 
);
echo form_dropdown('skill',$options);?> 

Code di atas akan menghasilkan:
 <select name='skill'>
<option value="PHP">PHP</option>
<option value="MySQL">MySQL</option>
<option value="Wordpress">Wordpress</option>
<option value="HTML">HTML</option>
</select> 

Jika kalian ingin memilih satu nilai maka:
 <?php  
$options=array(
'PHP'=>'PHP'
'MySQL'=>'MySQL' 
'Wordpress'=>'Wordpress' 
'HTML'=>'HTML' 
);
echo form_dropdown('skill',$options,'PHP');?> 

Maka hasilnya akan seperti ini:
 <select name='skill'>
<option value="PHP" selected='selected'>PHP</option>
<option value="MySQL">MySQL</option>
<option value="Wordpress">Wordpress</option>
<option value="HTML">HTML</option>
</select> 

Jika kalian ingin memilih beberapa nilai maka:
 <?php  
$options=array(
'PHP'=>'PHP'
'MySQL'=>'MySQL' 
'Wordpress'=>'Wordpress' 
'HTML'=>'HTML' 
);
$selectedskills=array('PHP','MySQL');
echo form_dropdown('skill',$options,$selectedskills);?> 

Maka hasilnya akan seperti ini:
 <select name='skill'>
<option value="PHP" selected='selected'>PHP</option>
<option value="MySQL" selected='selected'>MySQL</option>
<option value="Wordpress">Wordpress</option>
<option value="HTML">HTML</option>
</select> 

Membuat Radio Button
 <?php echo form_radio($data,$values,$checked=false/true,$extras); ?> 

$data (array): Data field
$values (string): Nilai field
$checked: tombol radio sedang dicheck
$ekstras: Atribut ekstra

Contoh:
 <?php echo form_radio('Gender','Male',TRUE)?>
<?php echo form_radio('Gender','Female',FALSE)?> 

Maka hasilnya seperti ini:
 <input type="radio" name="gender" value="Male" checked="checked">
<input type="radio" name="gender" value="Female"> 

Membuta checkbox
 <?php echo form_checkbox($data,$values,$checked=false/true,$extras); ?> 

$data (array): Data field
$values (string): Nilai field
$checked: checkbox sedang dicheck
$ekstras: Atribut ekstra

Contoh:
 <?php echo form_checkbox('TermsCondition', 'accept', TRUE); ?> 

Maka hasilnya seperti ini:
 <input type="checkbox" name="TermsCondition" value="accept" checked="checked"> 

Membuat textarea
 <?php echo form_textarea(['name'=>'address','rows'=>'5','cols'=>'10','id'=>'address']);?> 

Maka hasilnya seperti ini:
 <textarea name="address" rows="5" cols="10" id="address"></textarea> 

Membuat button submit
 <?php echo form_submit('name'=>'submit','value'=>'Submit',class="form-btn");?> 

Maka hasilnya seperti ini:
 <input type="submit" name="submit" value="Submit" class="form-btn" > 

Membuat ResetButton
 <?php echo form_button('name'=>'reset','value'=>'Reset','type'=>'reset',class="form-btn");?> 

Maka hasilnya seperti ini:
 <input type="submit" name="submit" value="Submit" class="form-btn" > 

Cara menutup formulir

function form_close digunakan untuk menutup form.
 <?php echo form_close( ); ?> 

Full Script Form

Load form helper dalam application/ config / autoload.php.
 $autoload['helper']=array('form'); 

berikutnya buat controller (Signupform.php)
 <?php
class Signupform extends CI_Controller {
public function __construct() {
parent::__construct();
}
 
public function index(){
 
// loadin from view
$this->load->view("signup_form");
}
} 

berikut source code untuk membentuk form tampilan (signup_form.php)
 <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->
 <title>CodeIgniter Form Tutorial</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
 
 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 <script src="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
 <section id="login">
  <div class="container">
   <div class="row">
    <div class="col-xs-12">
     <div class="form-wrap">
      <h1>Signup Form</h1>
      
      
      <?php echo form_open('signupform',['name'=>'signup']);?>
      <div class="form-group">
       <?php echo form_input(['name'=>'fullname','id'=>'fullname','placeholder'=>'Enter your full name','class'=>'form-control']);?>
      </div>
      
      <div class="form-group">
       <?php echo form_password(['name'=>'password','id'=>'password','placeholder'=>'Enter your password','class'=>'form-control']);?>
       
      </div>
      
      <div class="form-group">
       <?php  
       $options=array(
       'PHP'=>'PHP',
       'MySQL'=>'MySQL' ,
       'Wordpress'=>'Wordpress' ,
       'HTML'=>'HTML' 
       );
       echo form_dropdown('skill',$options,'','class="form-control"');?>
      </div>    
      
      
      <div class="form-group">
       <?php echo form_radio('Gender','Male',TRUE)?>Male
       <?php echo form_radio('Gender','Female',FALSE)?> Female
      </div>  
      
      
      <div class="form-group">
       <?php echo form_textarea(['name'=>'address','rows'=>'5','cols'=>'10','id'=>'address','class'=>'form-control','placeholder'=>'Enter your address']);?>
      </div>  
      
      
      <div class="form-group">
       <?php echo form_checkbox('TermsCondition', 'accept', TRUE); ?>Terms & Conditions
       
      </div>  
      
      
      <?php echo form_submit(['name'=>'submit','value'=>'Submit','class'=>'btn btn-custom btn-lg btn-block']);?>
      <?php echo form_reset(['name'=>'rest','value'=>'Reset','class'=>'btn btn-custom btn-lg btn-block']);?>
      <?php echo form_close();?>
      
     </div>
    </div> <!-- /.col-xs-12 -->
   </div> <!-- /.row -->
  </div> <!-- /.container -->
 </section>
 
</body>
</html> 

Sekian share singkat diatas semoga apa yang kami share bermanfaat bagi anda, silahkan lihat langsung demo dan bisa mendownload filenya kangsung.

DEMO       DOWNLOAD

Kalian bisa memberikan masukan dan saran dengan cara meninggalkan komentar dibawah, salam blogger.

 References: https://phpgurukul.com/how-to-create-form-in-codeigniter/ 


SUBSCRIBE TO OUR NEWSLETTER

close