Cara Membuat Form Input Data dengan CodeIgniter dan Bootstrap - Pada kesempatan kali ini saya akan sedikit berbagi script untuk membuat form input data dengan CodeIgniter dan Bootstrap. perlu diketahui postingan yang saya buat ini merupakan lanjutan dari postingan saya yang sebelumnya.
Cara Membuat CRUD Dengan CodeIgniter
File yang saya gunakan kali ini adalah v_add_karyawan.php yang terdapat pada folder views.
File yang saya gunakan kali ini adalah v_add_karyawan.php yang terdapat pada folder views.
Script Form Input Data dengan CI dan Bootstrap
<html>
<!--author: www.syamadav.com-->
<head>
<title>www.syamadav.com|Tambah Data Karyawan</title>
<!-- link css bootstrap-->
<link type="text/css" rel="stylesheet" href="<? echo base_url(); ?>includes/css/bootstrap.css" />
</head>
<body>
<div class="col-md-offset-1 col-md-10 boxing content-title"><center><h2>TAMBAH DATA KARYAWAN</h2></center></div>
<div class="col-md-offset-3 col-md-6 boxing content-content lowermost">
<form class="form-horizontal" role="form" action="<?= $this->config->base_url(); ?>karyawan/prosesadd" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="col-lg-3 control-label">Nama</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="nama">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Alamat</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="alamat">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">No Telepon</label>
<div class="col-lg-7">
<input type="text" class="form-control" class="form-control" name="notelp" >
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label">Email</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="email">
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label">Jenis Kelamin</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="jnskelamin">
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label">Agama</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="agama">
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label">Tempat Lahir</label>
<div class="col-lg-7">
<input type="text" class="form-control" name="tmplahir">
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label">Tanggal Lahir</label>
<div class="col-lg-7">
<input type="date" class="form-control" name="tgllahir">
</div> </div>
<div class="form-group">
<label class="col-lg-3 control-label" for="submit"></label>
<div class="col-lg-3">
<button name="submit" class="form-control btn btn-primary" >Tambah</button>
</div></div>
</form>
</div>
</body>
</html>
mantab gan, lanjutkan bikin tutorial2 lainnya
Jasa Pengiriman
Posting Komentar