yusrilhm: (Pertemuan 10 & 11), Membuat Formulir dan Melakukan pemrosesan dari formulir di website online

Alamat web: https://yusrilhm.000webhostapp.com/

Membuat Form

1. pertama saya membuat judul dengan tag <h1> dengan warna background bg-warning (orange), text-white dan saya posisikan di tengah, dengan style menggunakan bootstrap, kemudia saya membuat div dengan class=p5 m-2 dengan warna bg-dark karena saya ingin membat warna background menjadi hitam/dark.

2. selanjutnya saya mulai membuat div dengan class container untuk membungkus blok di dalamnya, kemudia saya membuat form dengan menggunakan tag <form> dengan method POST yang berfungsi untuk mengirimkan data tanpa menampilkan url, dan action saya arahkan ke file get.php untuk kode phpnya. saya membuat tag label untuk pelengkap keterangan untuk beberapa objek form yg saya pakai, saya menambahkan tag <input> sebagai kolom isian untuk user mengisikan nama, dengan type text(tulisan), placeholder untuk memberikan keterangan pada kolom input dan menambahkan required agar ketika user lupa menginputkan data maka akan muncul pesan validasi yang menyuruh user untuk menginput data tersebut

3. kemudian saya membuat input untuk umur, sama seperti membuat inputan untuk nama hanya saja ntuk typenya saya menggunakan number untuk mengisikan data berupa angka

4. kemudian saya membuat label untuk input pekerjaan dengan menggunakan tag <select> yang berfungsi untuk membuat list pilihan, dan tag <options> yang berfungsi untuk membuat daftar pilihan untuk user memilih data yang ia inginkan dengan value sesuai dengan opsi pekerjaan.

5. saya membuat tag input untuk jenis kelamin, dengan style radio agar user hanya bisa memilih satu dari 2 pilihan yang ada

6. kemudian untuk input hobi saya menggunakan tag input dengan type checkbox yang berfungsi untuk membuat kotak pilihan dan user dapat memilih lebih dari satu data

7. untuk input alamat saya membuat tag label dengan menambahkan tag <textarea> agar user bisa menginputkan text lebih dari satu baris text.

8. saya menambahkan tag input dengan type submit agar user bisa memulai memproses data, dan tag input dengan type reset agar user bisa mereset ulang halaman.

9. Untuk kode php nya saya membuat file baru dengan nama get.php, untuk menampilkan hasil dr inputan data form diatas saya menggunakan perintah echo dengan menambahkan fungsi $_POST untuk memanggil data yang telah diinputkan okeh user pada form tanpa menampilkannya di url, dengan format penulisan seperti dibawah.