Dalam tutorial ini, jokicoding akan menunjukkan, cara membuat kontak formulir sederhana menggunakan framework CodeIgniter sebagai berikut:
Pada langkah pertama, Anda harus membuat halaman php di direktori View codeigniter, di mana formulir perlu dibuat menggunakan sintaks codeigniter.
<?php echo form_open(‘main_controller’); ?>
<?php echo form_label(‘Student Name :’); ?>
<?php echo form_close(); ?>
- Kedua, Anda harus membuat kelas di direktori Controller , untuk memuat halaman php (tampilan) di atas dan untuk memanggil fungsi lainnya.
<?php
class main_controller extends CI_Controller {
$this->load->view('form');
?>Selanjutnya jika ada kebutuhan konektivitas database di aplikasi Anda, kelas perlu dibuat di direktori Model dengan fungsi database. Di sini, kami tidak memerlukan kelas ini, karena kami hanya membuat formulir.
Berikut kode dan penjelasannya silahkan di coba
Form.php
Salin kode di bawah ini di file tampilan Anda.
<!DOCTYPE html>
<html>
<head>
<title>Create Contact Form Using CodeIgniter</title>
<link href='http://fonts.googleapis.com/css?family=Marcellus' rel='stylesheet' type='text/css'>
<link href="http://localhost/CodeIgniter/css/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<?php echo form_open('main_controller'); ?>
<h1>Create Contact Form Using CodeIgniter</h1>
<?php echo form_label('Student Name :'); ?>
<?php echo form_input(array('id' => 'dname', 'name' => 'dname')); ?>
<?php echo form_label('Student Email :'); ?>
<?php echo form_input(array('id' => 'demail', 'name' => 'demail')); ?>
<?php echo form_label('Student Mobile No. :'); ?>
<?php echo form_input(array('id' => 'dmobile', 'name' => 'dmobile')); ?>
<?php echo form_label('Student Address :'); ?>
<?php echo form_input(array('id' => 'daddress', 'name' => 'daddress')); ?>
<?php echo form_submit(array('id' => 'submit', 'value' => 'Submit')); ?>
<?php echo form_close(); ?>
</div>
</body>
</html>
Main_controller.php
Salin kode di bawah ini di file controler Anda.
<?php
class main_controller extends CI_Controller {
function __construct() {
parent::__construct();
$this->load->model('form_model');
}
function index() {
$this->load->view('form');
}
}
?>style.css
Penataan Elemen HTML.
#container{
width:960px;
height:610px;
margin:50px auto
}
#fugo{
float:right
}
form{
width:320px;
padding:0 50px 20px;
background:linear-gradient(#fff,#ABDBFF);
border:1px solid #ccc;
box-shadow:0 0 5px;
font-family:'Marcellus',serif;
float:left;
margin-top:10px
}
h1{
text-align:center;
font-size:28px
}
hr{
border:0;
border-bottom:1.5px solid #ccc;
margin-top:-10px;
margin-bottom:30px
}
label{
font-size:17px
}
input{
width:100%;
padding:10px;
margin:6px 0 20px;
border:none;
box-shadow:0 0 5px
}
input#submit{
margin-top:20px;
font-size:18px;
background:linear-gradient(#22abe9 5%,#36caf0 100%);
border:1px solid #0F799E;
color:#fff;
font-weight:700;
cursor:pointer;
text-shadow:0 1px 0 #13506D
}
input#submit:hover{
background:linear-gradient(#36caf0 5%,#22abe9 100%)
}
