The Best College Academy of Our Small City

Membuat Form Entry Data Pegawai

Setelah Anda menyelesaikan pembuatan form index, langkah selanjutnya adalah membuat form entry data pegawai. Form entry data pegawai digunakan untuk memasukanan data pegawai ke dalam basis data. langkah-langkah membuat form entry data pegawai antara lain sebagai berikut:
  1. Buka file index kemudian save as dengan nama entry.php

  2. Hapus nama perusahaan beserta alamatnya, ganti menjadi "Entry Data Pegawai".
  3. Masukan sebuah form di bawah tulisan entry data pegawai.
  4. Letakkan kursor ditengah-tengah form kemudian masukan sebuah tabel dengan ketentuan segabai berikut:
    Ubahlah align tabel menjadi center.
  5. Masukan teks pada kolom sebelah kiri seperti pada gambar di bawah ini.
  6. Masukan sebuah teks field pada kolom kedua baris pertama.

    Beri nama txtnip, atur lebar text field menjadi 10.
  7. Tambahkan sebuah textfield pada kolom kedua baris ke dua, beri nama txtnama kemudian atur lebar text field menjadi 60.
  8. Tambahkan sebuah teks area pada kolom kedua baris ke tiga,

    beri nama txtalamat kemudian atur lebar character menjadi 50 dan num lines menjadi 3.
  9. Tambahkan sebuah textfield pada kolom kedua baris ke empat, beri nama txttempatlahir kemudian atur lebar text field menjadi 20.
  10. Tambahkan sebuah textfield pada kolom kedua baris ke lima, beri nama txttanggallahir kemudian atur lebar text field menjadi 10
  11. Tambahkan sebuah textfield pada kolom kedua baris ke enam, beri nama txtjabatan kemudian atur lebar text field menjadi 20.
  12. Tambahkan sebuah textfield pada kolom kedua baris ke tujuh, beri nama txtbagian kemudian atur lebar text field menjadi 20.
  13. Tambahkan dua buah button di kolom ke dua baris ke sembilan,

    pada button 1 ubah value menjadi Simpan,
    pada button 2 ubah action menjadi Reset.
    Hasilnya nampak pada gambar di bawah ini.
  14. Block form kemudian isi action dengan proses_simpan.php
  15. Jika sudah selesai simpan file tersebut.

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

0 comments:

Post a Comment