Panduan Membuat Website Bisnissakti.com dan Panduan Membuat Website Bisnissakti.com
Panduan Proyek: Membuat Aplikasi Web
PENGGAJIAN & ABSENSI
Karyawan dengan PHP, MySQL dan Dreamweaver
Penulis:
Bunafit Nugroho www.BunafitKomputer.Com
Penerbit : ALIF Media Yogyakarta
1
Bab 7 Panduan Membuat Program Absensi Karyawan Data absensi karyawan disimpan dalam database, yaitu tabel absensi, memiliki relasi tabel langsung dengan data Karyawan. Dengan tabel yang sudah kita buat, absensi kehadiran dapat dicatat mulai dari jam masuk dan jam keluar, juga tanggal dan status kehadiran (tidak masuk, masuk, ijin dan cuti) . Program utama input absensi karyawan terdapat 4 file inti, yaitu : absensi_add.php : Form untuk tambah data Absensi absensi_edit.php : Form untuk mengubah data Absensi absensi_data.php : Halaman untuk menampilkan data Absensi, terdapat menu Add Data, Edit dan Delete. absensi_delete.php : Berisi skrip program untuk menghapus data Absensi yang dipilih dari halaman absensi_data.php, klik link menu Delete. Anda dapat membuat ke-4 file program di atas seperti cara sebel umnya yang pernah Anda pelajari, yaitu seperti membuat Program Transaksi Penggajian, Transaksi Pinjaman dan Lembur. Sebagai informasi, eBook Panduan Membuat Program Absensi Karyawan ini merupakan bab lanjutan dari buku cetak yang Anda pelajari, yaitu Bab 7. Jika Anda memperoleh eBook ini bukan dari CD Penyerta buku, maka sebagai informasi panduan lengkap dan skrip yang dipelajari ada di buku dengan judul; Panduan Proyek Membuat Web Aplikasi Penggajian & Absensi Karyawan dengan PHP, MySQL dan Dreamweaver . Penulisnya adalah; Bunafit Nugroho, Penerbit; ALIF Media, terbitan September 2013, info lanjut ada di www.bunafit-komputer.com .
7.1 Membuat Menu dan Kontrol Program Absensi Pekerjaan pertama, Anda harus membuat menu unt uk mengakses halaman utama data Absensi, yaitu dari file menu.php, selanjutnya menambahkan kontrol file program dalam file buka_file.php. Caranya: 1. Buka Windows Explorer. 2. Buka file menu.php lewat Dreamweaver. 3. Tambahkan menu Data Absensi, dan arahkan link-nya menuju ?page=AbsensiData. Seperti contoh:
2
Gambar 7.1 Membuat menu Data Absensi 4. Selanjutnya, buka file buka_file.php lewat Dreamweaver. 5. Dari halaman kode (Code), tambahkan baris kode program untuk menjalankan link menu yang mengarah ke ?page=Absensi-Data :
Gambar 7.1 Contoh alamat URL yang dikirim oleh menu, lalu jalankan oleh program kontrol di dalam file buka_file.php case 'Absensi-Data' : if(!file_exists (" absensi_data.php")) die ("Sorry Empty Page!"); include "absensi_data.php"; break;
Skrip di atas, jika dari menu utama link menu mengarah ke alamat ?page=Absensi-Data, maka program buka_file.php akan mengeksekusi dengan memanggil file program absensi_data.php. 6. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page=Absensi-Add : case 'Absensi-Add' : if(!file_exists (" absensi_add.php")) die ("Sorry Empty Page!"); include "absensi_add.php"; break;
Jika ada menu yang mengarah ke alamat URL ? page=Absensi-Add, maka file kontrol program buka_file.php akan mengeksekusi file pr ogram absensi_add.php, file ini berisi form untuk memasukan data absensi karyawan. 7. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page= Absensi-Edit, yaitu untuk menjalankan form program Ubah Data: case 'Absensi-Edit' : if(!file_exists (" absensi_edit.php")) die ("Sorry Empty Page!"); include "absensi_edit.php"; break;
8. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page= AbsensiDelete, yaitu untuk menjalankan program Hapus Data: 3
case 'Absensi-Delete' : if(!file_exists ("absensi_delete.php")) die ("Sorry Empty Page!"); include "absensi_delete.php"; break;
9. Setelah selesai, simpan programnya ( Ctrl + S).
7.2 Tambah Data Absensi Sekarang kita akan membuat Program Tambah Data Absensi, perintah SQL yang digunakan untuk menyimpan data adalah INSERT. Sebagai latihan, sebaiknya Anda mencoba sendiri membuatnya tanpa harus membaca panduan ini . Jika memang masih belum mampu, ikuti saja langkah berikut : 1. Buka Dreamweaver. 2. Buat dokumen baru (tekan Ctrl + N). Dari tab General, klik Dynamic Page, lalu klik tipe halaman PHP. 3. Simpan pada folder utama dengan nama absensi_add.php. 4. Masuk pada halaman kode ( Code), hapus semua kode HTML. 5. Masuk pada halaman tampilan ( Design), tambahkan area form dari panel Forms. 6. Pada area form yang sudah ditambahk an, atur alamat pemrosessan programnya dari bagian Action, panel Properties.
Action
:
Target
: _self
Method
: POST
Gambar 7.1 Membuat area form untuk formulir Tambah Data Pada bagian action, arti dari adalah alamat targetnya menuju form itu sendiri. Cara lain yang dapat gunakan, mengatur alamat action-nya dengan alamat ?page=Absensi-Add. Seperti contoh di bawah:
4
Gambar 7.1 Mengatur alamat Action data pada form Kenapa harus ?page=Absensi-Add ?, Ya, karna alamat tersebut akan diakses di halaman kontrol buka_file.php untuk menjalankan file absensi_add.php, yaitu form itu sendiri. 7. Klik pada area form lagi, lalu tekan Ctrl + S untuk menyimpan perubahan program. 8. Dari panel Common, tambahkan tabel untuk desain form, sebanyak 9 baris dan 3 kolom, lalu klik tombol Go. Posisi tabel ini harus berada di dalam area form (garis merah putus-putus). 9. Sekarang atur tata letak tabel dengan menambah teks judul form di bagian atas (lakukan merger 3 kolom dari baris paling atas), di bagian kiri untuk judul kotak masukan. Seperti gambar berikut:
Gambar 7.4 Desain kerangka tabel untuk form Tambah Data Absensi 10. Masuklah pada halaman kode ( Code view), sisipkan kode efek CSS pada tag table, seperti contoh berikut ya ng dicetak tebal.
Ilustrasinya adalah:
Gambar 7.5 Kode untuk mengaktifkan efek CSS pada tabel
5
11. Tambahkan form masukan berupa List/Menu nilai propertinya.
List/Menu
pada baris Karyawan, lalu atur
: cmbKaryawan
Gambar 3.20 Mengatur properti List/Menu, form masukan untuk data Karyawan Masih pada List/Menu Karyawan, sekarang masuklah pada halaman kode (Code). Lengkapi kode programnya.
Menjadi :
Kode program PHP di atas adalah untuk menampilkan semua isi data Karyawan dari tabel karyawan, semua isi datanya menjadi pilihan saat form combo (List/Menu) diklik.
Gambar 7.8 Data Karyawan tampil dalam List/Menu atau comboBox
6
12. Tambahkan form masukan berupa Text Field nilainya pada panel Properties.
TextField
: txtTanggal
Max chars
: 12
Init Val
:
pada baris Tanggal, lalu atur
Gambar 7.8 Membuat form masukan data tanggal absensi, dan mengatur variabel dari Properties Sekarang masuk ke halaman kode untuk mengaktifkan TextField menjadi kalender JavaScript. Caranya, sisipkan kode class="tcal" di dalam kode TextField tanggal, seperti contoh: " maxlength="12" />
value="
Kode class="tcal" adalah perintah yang berasal dari plugins/tigra_calendar, sehingga hasilnya jika diklik akan muncul kotak kalender JavaScript seperti gambar berikut:
Gambar 7.8 Contoh kalender JavaScirpt dari tigra_calendar 13. Tambahkan form masukan berup a Text Field atur nilainya pada panel Properties.
TextField
: txtJamMasuk
Char width
:5
Max chars
:5
Init Val
:
pada baris Jam Masuk, lalu
7
Gambar 7.9 Membuat form masukan Jam Masuk 14. Tambahkan form masukan berupa Text Field atur nilainya pada panel Properties.
pada baris Jam Keluar, lalu
TextField
: txtJamKeluar
Char width
:5
Max chars
:5
Init Val
:
Gambar 7.9 Membuat form masukan Jam Keluar 15. Tambahkan form masukan berupa List/Menu lalu atur nilai propertinya.
List/Menu
pada baris Status Kehadiran,
: cmbStatus
Gambar 3.20 Mengatur properti List/Menu, form masukan data Status Kehadiran Masih pada List/Menu Status Kehadiran, sekarang masuklah pada halaman kode (Code). Lengkapi kode programnya.
Menjadi : 8
16. Tambahkan form masukan berupa List/Menu atur nilai propertinya.
List/Menu
pada baris Jenis Kerja, lalu
: cmbJenis
Gambar 3.20 Mengatur properti List/Menu, form masukan data Jenis Kerja Masih pada List/Menu Jenis Kerja, sekarang masuklah pada halaman kode (Code). Lengkapi kode programnya.
Menjadi :
17. Tambahkan form masukan berupa Text Field atur nilainya pada panel Properties.
pada baris Keterangan, lalu
TextField
: txtKeterangan
Char width
: 80
Max chars
: 100
Init Val
: 9
Gambar 7.9 Membuat form masukan Keterangan 18. Pada baris paling bawah, tambahkan objek tombol dari berupa Button atur nilai propertinya.
Button Name : btnSimpan
Value
: SIMPAN
Action
: Submit form
, lalu
Gambar 7.10 Membuat tombol Submit, mengatur variabel dan label tombol menjadi Simpan 19. Simpan kembali programnya (Ctrl + S). Setelah form masukan data selesai dibuat , sekarang Anda dapat melanjutkan membuat skrip PHP yang tugasnya mengeksekusi data yang diisi dari form, terdiri dari skrip temporary membaca variabel form, skirp validasi form dan skrip untuk menyimpan data ke database MySQL. Berikut langkahnya: 1. Dari Dreamweaver, buka lagi file absensi_add.php. 2. Pada baris kode paling atas (baris pertama), buat kode buka tutup PHP. 3. Buat baris kode untuk memanggil file inc.sesadmin.php. Lihat gambar di bawah, poin (1) gambar di bawah.
4. Buat blok kode saat tombol Simpan ( btnSimpan) diklik. Skripnya : if(isset($_POST['btnSimpan'])){ //Simpan data ke database }
10
5. Buat variabel temporary untuk merekam data dari form masukkan, dan memberikan nilai kosong pada kondisi form normal (belum pernah di -Submit) . Kodenya : $dataKaryawan = isset($_POST['cmbKaryawan']) ? $_POST['cmbKaryawan'] : ''; $dataTanggal = isset($_POST['txtTanggal']) ? $_POST['txtTanggal'] : date('d -m-Y'); $dataJamMasuk = isset($_POST['txtJamMasuk']) ? $_POST['txtJamMasuk'] : date('H:i'); $dataJamKeluar = isset($_POST['txtJamKeluar']) ? $_POST['txtJamKeluar'] : ''; $dataStatus : '';
Ilustrasi penempatan kode pada poin (3) gambar di bawah:
Gambar 7.13 Membuat kode program temporary untuk form Penjelasannya adalah: Kode : $dataKaryawan = isset($_POST['cmbKaryawan']) ? $_POST['cmbKaryawan'] : '';
Kode di atas diapakai untuk menampung data dari form masukan Karyawan (list/Menu), datanya disimpan dalam v ariabel $dataKaryawan, data ini selanjutnya dibaca kembali pada form masukan Karyawan.
Kode program di atas dipakai untuk mendapatkan tanggal sekarang, atau nilai data pada form, hasil datanya ditampung dalam variable $dataTanggal. Data ini selanjutnya ditampilkan ke form masukan Tanggal. Ilustrasi berikut dilihat dari halaman desain, yaitu pada kotak Init Val dari jendela Properties.
Gambar 7.13 Menampilkan data $dataTanggal pada form masukan
Dipakai untuk mendapatkan jam yang berjalan saat ini, atau nilainya diambil dari form yang di-Submit, hasil datanya ditampung dalam $dataJamMasuk. Selanjutnya data ini ditampilkan ke form masukan Jam Masuk. Berikut ilustrasi dilihat dari halaman kode, diletakkan pada tag Value:.
Gambar 7.13 Menampilkan data $dataJamMasuk pada form masukan
Variabel $dataJamKeluar akan diisi dengan data dari form masukan Jam Keluar, dan akan dikosongkan jika form belum pernah submit (klik tombol Simpan). 6. Sekarang buat skrip program di dalam blok kode if(isset($_POST['btnSimpan'])){ ... }, yaitu untuk validasi form dan menyimpan data ke database. 7. Pertama membuat skrip validasi form masukan. Buat deklarasi array, untuk variabel $pesanError. $pesanError = array();
12
8. Buat skrip untuk memvalidasi jika data kosong pada form Karyawan. Skripnya : if (trim($_POST['cmbKaryawan'])=="BLANK") { $pesanError[] = "Data Karyawan tidak boleh kosong !"; }
9. Buat skrip untuk memvalidasi jika data kosong pada form Tanggal. Skripnya : if (trim($_POST['txtTanggal'])=="") { $pesanError[] = "Data Tanggal Absensi tidak boleh kosong !"; }
10. Buat skrip untuk memvalidasi jika data kosong pada form Jam Masuk. Skripnya : if (trim($_POST['txtJamMasuk'])=="") { $pesanError[] = "Data Jam Masuk tidak boleh kosong !"; }
11. Buat skrip untuk memvalidasi jika data kosong pada form Jam Keluar. Skripnya : if (trim($_POST['txtJamKeluar'])=="") { $pesanError[] = "Data Jam Keluar tidak boleh kosong !"; }
12. Buat skrip untuk memvalidasi jika data kosong pada form Status Kehadiran. Skripnya : if (trim($_POST['cmbStatus'])=="BLANK") { $pesanError[] = "Data Status Kehadiran tidak boleh kosong !"; }
13. Buat skrip untuk memvalidasi jika data kosong pada form Jenis Kerja. Skripnya : if (trim($_POST['cmbJenis'])=="BLANK") { $pesanError[] = "Data Jenis Kerja tidak boleh kosong !"; }
14. Buat skrip program untuk membaca data dari form masukan, datanya disimpan dengan nama variabel form. Skripnya : $cmbKaryawan $txtTanggal $txtJamMasuk $txtJamKeluar $cmbStatus $cmbJenis $txtKeterangan
15. Buat skrip untuk memvalidasi supaya karyawan hanya dapat diinput satu kali dalam absensi. Skripnya : $sqlCek="SELECT * FROM absensi W HERE kd_karyawan='$cmbKaryawan' AND tanggal='$txtTanggal'"; $qryCek=mysql_query($sqlCek, $koneksidb) or die ("Eror Query".mysql_error()); if(mysql_num_rows($qryCek)>=1){
13
$pesanError[] = "ABSENSI TANGGAL [ $txtTanggal ] SUDAH MASUK, ganti dengan ya ng lain"; }
16. Buat skrip program untuk menampilkan pesan error jika ditemukan dari bagian validasi, yaitu pada variabel $pesanError. Skripnya : if (count($pesanError)>=1 ){ echo "
Jika ada kotak form masukan yang lupa diisi, mak a pesan error yang semua ditampung pada variabel array $pesanError akan ditampilkan. Berikut adalah contohnya:
Gambar 7.14 Pesan error saat ada form masukan yang belum diisi 17. Buat skrip program untuk menyimpan data ke database. Jadi, jika sudah tidak ada error atau kesalahan yang ditemukan pada variabel $pesanError, maka data pada form akan disimpan ke database. Skripnya : ..... else { # SIMPAN DATA KE DATABASE $mySql = "INSERT INTO absensi (kd_karyawan, tanggal, jam_masuk, jam_kel uar, status_kehadiran, jenis_kerja, keterangan) VALUES ('$cmbKaryawan', '$txtTanggal', '$txtJamMasuk', '$txtJamKeluar',
14
'$cmbStatus', '$cmbJenis', '$txtKeterangan')"; $myQry=mysql_query($mySql, $kone ksidb) or die ("Gagal query".mysql_error()); if($myQry){ echo "<meta http-equiv='refresh' content='0; url=?page=Absensi-Add'>"; } exit; }
18. Simpan kembali programnya, tekan tombol Ctrl + S. Untuk menjalankan halaman program Tambah Data Absensi di atas, Anda harus login sebagai admin. Klik menu Data Absensi sebelah kiri, lalu klik link menu Tambah (Add Data). Jika program Anda belum ada karna belum dibuat, langsung saja diakses lewat alamat browser http://localhost/gaji-karyawan/?page=Absensi-Add. Berikut contoh tampilannya:
Gambar 7.15 Tampilan halaman program Tambah Absensi
7.3 Tampil Data Absensi Halaman Tampil Data Absensi berguna untuk menampilkan semua data dari semua absensi kehadiran karyawan setiap harinya, datanya kita tampilkan dalam bentuk halaman, satu halaman ada 50 baris data. Dari halaman tampil data ini, kita berikan tombol Tambah (Add Data) untuk mengakses program Tambah Data Absensi. Halaman tampil data juga sekaligus berisi menu Edit untuk megubah data, dan menu Delete untuk menghapus data. Contoh tampilannya:
15
Gambar 7.16 Tampilan halaman Data Absensi, menampilkan semua data Dari tampilan di atas, semua data hasil absensi ditampilkan ke layar, kemudian di masing-masing baris data diberikan menu untuk mengubah data ( Edit) dan hapus data (Delete). Langkah membuat program di atas adalah: 1. Buka Dreamweaver. 2. Buat dokumen baru (tekan Ctrl + N), lalu buka tipe halaman PHP. 3. Masuk pada halaman kode ( Code), hapus semua kode HTML. 4. Simpan dengan nama absensi_data.php. 5. Dari panel Common, tambahkan tabel untuk desain tampilan utama, sebanyak 5 baris dan 1 kolom, lebarnya 750 pixels, pada bagian header pilih None. 6. Tambahkan judul dengan font header 1 (misal; DATA ABSENSI), dan judul pada baris paling bawah untuk paging (halaman) ditulis Jumlah Data. 7. Tambahkan gambar berlogo Tambah (btn_add_data.png) pada baris ke-2, filenya ada di folder images. Caranya, klik menu Insert, klik Image, lalu cari file gambarnya.
16
Gambar 7.18 Desain tabel utama untuk menampilkan data Absensi 19. Pilih atau klik pada gambar ikon Add Data, lalu buat target link menunya ke alamat berikut: ?page=Absensi-Add
Ilustrasi gambarnya :
Gambar 7.19 Membuat target menu pada gambar ikon Add Data 20. Masuklah pada halaman kode ( Code view), buatlah blok kode buka () pada baris awal program. 21. Buat skrip program untuk memanggil file inc.sesadmin.php.
22. Buat skrip program yang berfungsi untuk paging, yaitu memecah jumlah data Absensi yang akan ditampilkan ke dalam bentuk halaman. Skripnya : $row = 50; $hal = isset($_GET['hal']) ? $_GET['hal'] : 0; $pageSql = "SELECT * FROM absensi"; $pageQry = mysql_query($pageSql, $koneksidb) or die ("error paging: ".mysql_error()); $jml = mysql_num_rows($pageQry); $max = ceil($jml/$row);
17
Gambar 7.19 Membuat skrip untuk halaman data ( paging) 8. Kembali ke halaman tampilan ( Design). Tambahkan tabel baru (tabel tampil data ke layar) di dalam baris ke-3 dari tabel utama. Tabel baru disesuaikan data yang akan ditampilkan, yaitu dengan 2 baris dan 8 kolom data, lalu atur tampilannya seperti contoh berikut:
Gambar 7.22 Desain tabel tampil data dan desain menunya 9. Dua kotak bagian kanan dijadikan satu (merger), lalu diberi judul Tools. Di bawah Tools masih ada dua kotak, buat tulisan Edit dan Delete yang nantinya dipakai untuk link menu. 10. Masuklah pada halaman kode ( Code), butlah skrip program untuk menampilkan data Absensi ke layar. Tempatnya di bawah dan sebelum
baris kedua dari tabel tampil data.
18
Lihat ilustrasinya, kode di atas ada pada Poin (2) gambar di bawah:
Gambar 7.24 Ilustrasi meletakkan skrip program query ke database, Poin (2) Untuk lebih jelasnya, berikut penjelasannya:
(1) : Baris pertama dari tabel tampil data, berisi judul kolom; No, Tanggal, Nik, Nama Karyawan, Status, Keterangan dan Tools.
(2) : Skrip program untuk mengambil data Absensi dari database, kode ini diletakkan sebelum tag
baris kedua yang dipakai menampilkan data .
(3)
: Kotak untuk menampilkan informasi data ke layar.
(4)
: Gambar ikon Edit dan Delete.
(5) : Akhir dari while (}) yang kita buat untuk menampilkan data, dari Poin (2).
11. Di dalam kalang while poin (2), buat skrip program untuk membaca data ENUM status kerja. Skripnya: // Baca Status Kerja $statusKerja = $kolomData['status_kehadiran']; if($statusKerja==0) { $status = "Tidak Masuk"; } elseif($statusKerja==1) { $status = "Masuk"; } elseif($statusKerja==2) { $status = "Izin"; } elseif($statusKerja==3) { $status = "Cuti"; } else { $status = ""; }
12. Buat skrip penutup kalang ( ) di bawah tag
sebelum akhir tabel seperti Poin (5) dari gambar di atas, skripnya adalah:
19
13. Pada baris kedua dari tabel tampil data kita gunakan untuk menampilkan informasi data dari database. Sekarang, ganti perintah :
Gambar 7.25 Membuat skrip program tampil data ke layar 14. Pada bagian Jumlah Data, buat kode berikut untuk menampilkan jumlah baris data yang ditampilkan.
15. Sekarang kita akan membuat menu nomor halaman . Masuklah ke halaman Design, klik kanan pada baris paling bawah (di samping teks Jumlah Data), klik menu Table dan klik Split Cell.
20
Gambar 7.27 Langkah untuk memecah kolom Dari jendela Split Cell yang tampil, pilih opsi Columns, masukkan jumlah kolomnya adalah 2, lalu klik tombol OK.
Gambar 7.27 Split Cell untuk memecah kolom 16. Sekarang, masuklah ke halaman kode ( Code view) lagi. 17. Pada bagian Halaman ke, buat kode untuk menampilkan nomor paging (halaman), nomornya juga dibuat link menuju nomor halaman. Halaman ke : $h "; } ?>
Ilustrasi gambarnya :
Gambar 7.29 Ilustrasi meletakkan skrip program untuk nomor halaman
21
18. Kembali ke halaman tampilan ( Design), pilih pada tulisan Edit, lalu buat target link menunya ke alamat berikut: ?page=Absensi-Edit&Kode=
Ilustrasi gambarnya :
Gambar 7.30 Ilustrasi meletakkan kode untuk target link menu Edit 19. Seperti cara sebelumnya, p ilih pada tulisan Delete, lalu buat link menunya ke alamat berikut: ?page=Absensi-Delete&Kode=
20. Simpan lagi programnya (Ctrl + S).
7.4 Ubah Data Absensi Sekarang kita akan membuat program Ubah Data Absensi, sehingga jika memang ada kesalahan saat input bagian administrasi dapat men geditnya, bisa mengganti nama jam masuk, jam keluar dan status kehadiran. Menu Edit untuk memilih data sudah dibuat, yaitu di halaman Tampil Data Absensi. Sekarang kita tinggal menyiapkan form untuk menampilkan kembali data yang dipilih ke form. Contoh ilustrasinya:
22
Gambar 7.32 Ilustrasi langkah mengubah data Absensi, klik ikon Edit Dari halaman Tampil Data Absensi, setiap baris data dibuat link menu yang target link-nya mengarah ke ?page=Absensi-Edit&Kode=xxx, parameter xxx adalah kode data atau Id yang dipilih untuk di-edit. Sekarang, kita akan membuat file absensi_edit.php, dengan cara memodifikasi dari file absensi_add.php. Caranya: 1. Buka file absensi_add.php yang sudah dibuat sebelumnya. 2. Simpan ulang dengan nama baru, yaitu; absensi_edit.php. 3. Masuk ke halaman desain (Design view), lalu perbarui informasi judul pada bagian header menjadi UBAH DATA ABSENSI. 4. Pada area form, atur alamat pemrosessan programnya dari bagian Action, panel Properties.
Action
:
Target
: _self
Method
: POST
Pada bagian action, arti dari adalah alamat targetnya menuju form itu sendiri. Opsi lain, Anda dapat mengisi alamat action-nya dengan alamat ?page=Absensi-Edit (dari buka_file.php, alamat tersebut juga akan mengakses form itu sendiri, yaitu absensi_edit.php).
Gambar 7.32 Mengatur alamat Action pada form
23
5. Pada baris Kode, tambahkan objek HiddenField
TextField
: txtKode
Value
:
, lalu atur nilai propertinya.
Gambar 7.34 Menambahkan objek HiddenField untuk merekam data kode 6. Matikan form masukan Karyawan ( cmbKaryawan) dengan menambah perintah disabled, supaya nilai datanya tidak dapat diganti. S eperti contoh: