Part 4 - Membuat Form Dalam HTML

Dalam sebuah Aplikasi Web Dinamis hal yang penting dan harus ada yaitu Halaman Form. Halaman Form ini berfungsi untuk mengirim data ke system dan bisa juga mengirimkan data ke Database.

Untuk pengenalan Awal berikut Source Code yang digunakan untuk membuat Halaman Form Sederhana di HTML. Tentunya Pada tutorial ini hanya Membuat Desainnya di HTML.

Buatlah Source Code seperti di bawah ini :

Penjelesan :

Tag <Form> </form> Sebagai Penanda bahwa code yang di dalam Tag ini merupakan Field inputan. Tag ini memiliki Atribut Action yang merupakan URL untuk mengarahkan kemana data akan dikirim sedangkan Method merupakan metode yang di gunakan dalam prosesnya nanti, Bisa POST untuk mengirim data atau dengan GET untuk mengambil Data.

Untuk inputan Field Text gunakan <Input type=”text”> sedangkan untuk Type RadioButton gunakan <input type=”radio”>

Untuk Hobi menggunakan Combobox, pembuatan Combobox ini di awali dengan Tag <select> dan di dalam Tag <select> sisipkan <option> </option> yang berfungsi untuk membuat list-list option yang akan dipilih.

Untuk pembuatan alamat biasanyakan Panjang untuk alamat lengkap misalnya. Jadi gunakanlah Tag <textarea> </textarea> dan kita juga mengatur lebar dan tinggi ukuran boxnya.

Dalam form tentunya ada tombol Save atau Simpan, jadi jangan lupa membuat tombol ini. Gunakan tag <button> </button> dengan type nya “submit” untuk memproses data.

Dari Source Code HTML di atas, Coba Jalankan File HTML di Browser. Maka hasil Output yang akan tampil seperti berikut :

Sekian Penjelasan tentang Cara Membuat Form di HTML. Semoga Mudah dipahami dan Sobat bisa langsung mencobanya.

Semoga artikel ini bermanfaat dan Penulis juga masih terus belajar dan Maaf jika masih banyak kekurangan. Apabila ada yang kurang jelas dan ingin di pertanyakan, bisa langsung tulis di kolom komentar di bawah ini.

Salam Coder
Penulis
www.dhiecoderweb.com