CodeIgniter - Form: Creating Form HTML

CodeIgniter Form Step By Step Tutorial - Part 8: Now, we begin create a form for input data. We will use HTML Form CodeIgniter style. It is more save your time!

First, we need load Form helper. Put at controller (books.php within CodeIgniter\system\application\controllers), input() method. You can see line 16 at following code

class Books extends Controller{

  function Books(){
  function main(){
	$data = $this->books_model->general();
  function input(){
	$data = $this->books_model->general();

Open "books_input.php" within CodeIgniter\system\application\views. Update like following code:

<link rel="stylesheet" type="text/css" 
      href="<?php echo "$base/$css"?>">
<div id="header">
<? $this->load->view('books_header'); ?>
<div id="menu">
<? $this->load->view('books_menu'); ?>

<? echo form_open('books/input'); ?>
<? echo $title; ?>: 
<? echo form_input('title'); ?>
<? echo $author; ?>: 
<? echo form_input('author'); ?>
<? echo $publisher; ?>: 
<? echo form_input('publisher'); ?>
<? echo $year; ?>: 
<? echo form_dropdown('year',$years); ?>
<? echo $available; ?>: 
<? echo form_checkbox('available','yes',TRUE); ?>
<? echo $summary; ?>: 
<? echo form_textarea('summary'); ?>
<? echo form_submit('mysubmit','Submit!');  ?>
<? echo form_close(); ?>

<div id="footer">
<? $this->load->view('books_footer'); ?>


Do You can feel its difference with ordinary HTML? Yup, it more simple and save your time. The code still not work. We must define parameters at model.

Edit your model, and add parameter

class books_model extends Model{
  function books_model(){
  function general(){
	$menu = new MyMenu;
	$data['base']		= $this->config->item('base_url');
	$data['css']		= $this->config->item('css');		
	$data['menu'] 		= $menu->show_menu();
	$data['webtitle']	= 'Book Collection';
	$data['websubtitle']= 'We collect all title of 
		                   books on the world';
	$data['webfooter']	= '© copyright by step 
		                   by step php tutorial';
	$data['title']	 	= 'Title';
	$data['author']	 	= 'Author';
	$data['publisher']	= 'Publisher';				
	$data['year']	 	= 'Year';
	$data['years']	 	= array('2007'=>'2007',
	$data['available']	= 'Available';	
	$data['summary']	= 'Summary';		
	return $data;	

Now, point your browser to http://localhost/CodeIgniter/index.php/books/input. May be you will get like this:

CodeIgniter form HTML

Series this article:
CodeIgniter - Form: Creating Skeleton
CodeIgniter - Form: File Structure
CodeIgniter - Form: Creating Layout Code
CodeIgniter - Form: Creating Menu Library
CodeIgniter - Form: Putting Text at Header and Footer
CodeIgniter - Form: Centralizing $data
CodeIgniter - Form: Adding CSS
CodeIgniter - Form: Creating Form HTML
CodeIgniter - Form: Creating Beautiful Form Code
CodeIgniter - Form: CodeIgniter HTML Style
CodeIgniter - Form: Preparing Table at Database
CodeIgniter - Form: Creating Insert Data
CodeIgniter - Form: Creating List Data Use Table Library
CodeIgniter - Form: Creating Table List Without Table Library
CodeIgniter - Form: Using URL Helper
CodeIgniter - Form: Showing Single Data for Form Edit
CodeIgniter - Form: Something Happen With Form Parameters
CodeIgniter - Form: Updating Data
CodeIgniter - Form: Deleting Data

Bookmark and Share Tag: CodeIgniter, framework, MVC, form, HTML Category: PHP Framework Post : February 24th 2008 Read: 174,331


blog comments powered by Disqus