Belajar Html (Part 7): Menciptakan Form Html
- Form yakni lembar pengisian atau daftar pengisian data. Daftar pengisian ini biasanya untuk meminta data informasi dari user untuk lalu disimpan. Selelah data disimpan biasannya data tersebut akan diolah lebih lanjut sesuai kebutuhan. Umumnya pengolahan form dilakukan pada server dengan memakai script yang bersifat server-side. Bahasa Pemrogramman yang bersifat server-side yakni ibarat : PHP, Phyton, ASP.Net dan lain-lain.
Form sering digunakan didalam website. Contoh saja: Pendaftaran Akun, Form Login, Form pengajuan pinjaman, Form pesan dan masih banyak lagi.
Membuat Form HTML sangat penting, alasannya yakni besarnya manfaat yang sanggup digunakan. Sehingga sangat sempurna kalau kita sanggup menciptakan form HTML didalam halaman website.
Tutorial Belajar HTML Membuat Form HTML
Tag HTML yang sering digunakan dalam menciptakan Form adalah:
- Tag <form>: digunakan untuk pendefinisian awal pembuatan form.
- <input>: digunakan untuk menciptakan suatu inputan data. Biasanya jumlah karakter dari data "input" yang digunakan berkisar 1- 255 huruf, ibarat inputan nama, alamat dan liannya.
- <textarea>: digunakan untuk menciptakan suatu inputan data ibarat tag <input>, tetapi untuk <textarea> besaran huruf/angka yang digunakan sanggup lebih banyak. Seperti inputan pesan, yang sanggup membutuhkan ratusan bahkan ribuan suku kata.
- <select>: digunakan untuk inputan pilihan data yang sudah diatur oleh menciptakan program. Seperti pilihan data Agama, tanggal lahir.
- <option>: Tag ini berpasangan dengan tag <select> untuk menciptakan list inputannya,
Dan Atribut HTML dan Valuenya yang sering digunakan untuk melengkapi menciptakan Form HTML:
- <form name=""> digunakan untuk memperlihatkan nama form.
- <form classs=""> digunakan untuk menghubungkan dengan file CSS yaitu nama class.
- <form action=""> digunakan untuk menghubungkan dengan script pemprosesan inputan data. Nilai atribut action bersifat server-side yang sanggup menghubungkan ke database.
- <form method=""> digunakan untuk memperlihatkan cara request bagaimana proses data tersebut akan diolah. Nilainya sanggup berupa "GET/POST".
- <input type=""> digunakan untuk menciptakan jenis inputan yang dibuat. Jenis atau valuenya sanggup berupa: text, email, number, checkbox, radio button, submit, reset.
- <input name=""> digunakan untuk memperlihatkan nama pada inputan tersebut.
- <textarea name=""> digunakan untuk memperlihatkan nama pada textarea.
- <select name=""> digunakan untuk memperlihatkan nama pada inputan select.
- <option value=""> digunakan untuk memperlihatkan "nilai" yang ada dalam tag <option>.
Contoh menciptakan Form HTML :
<!DOCTYPE html> <html> <head> <title>latihan menciptakan form</title> </head> <body> <form> <b>Isilah form dibawah ini :</b> <p>Nama lengkap : <input type="text" name="nama"/></p> <p>Alamat : <textarea name="alamat"></textarea></p> <p>Email : <input type="email" name="email"/></p> <p>No. Telp : <input type="number" name="telp"/></p> <p>Agama : <select name="agama"></P> <option value="Islam">ISLAM</option> <option value="Kristen">KRISTEN</option> <option value="Hundu">HINDU</option> <option value="Budha">BUDHA</option> </select> <p>Hobi : <input type="checkbox" name="hobi" value="sepak bola">Sepak Bola <input type="checkbox" name="hobi" value="badminton">Badminton <input type="checkbox" name="hobi" value="renang">Renang <input type="checkbox" name="hobi" value="joging">joging <p>Jenis Kelamin : <input type="radio" name="jk" value="l"/>Laki-laki <input type="radio" name="jk" value="p">Perempuan </p> <input type="submit" value="Kirim"/> <input type="reset" value="Reset"/> </form> </body> </html>
Dari script diatas akan menghasilkan form ibarat gambar berikut ini:
 |
| Form HTML |
Silakan Anda sanggup ber eksplorasi lagi dengan dasar form ini, dengan ditambah CSS bentuk form sanggup lebih rapi dan keren lagi.