Membuat Form Dengan HTML

Nama : Fachri Eka Putra

NIM : 201512101

Kelas : Pagi 2

Kali ini saya akan membahas cara membuat form dengan menggunakan html.

Form pada html digunakan untuk mengumpulkan data yang telah diinput oleh user.

Penggunaan form hanya dengan html tidak terlalu berguna. Form yang dibuat di
html hanya berupa interface saja, sedangkan yang memproses adalah bahasa pemrograman lain seperti Javascript dan PHP yang dihubungkan dengan database.

Tag-tag dasar yang akan kita gunakan adalah tag form, input, select, option, dan textarea

Berikut ini adalah contoh skrip yang menggunakan form :

Kemudian save file dengan format .html lalu buka file menggunakan browser agar bisa melihat hasilnya. 

Hasilnya adalah seperti di bawah ini :

  

OK, selanjutnya saya akan mengutip beberapa tag, elemen, dan atribut dari skrip di atas  dan mencoba menjelaskannya.

• <form method="post" action="#"> </form>  digunakan untuk memulai dan mengakhiri form, dan atribut method diisi dengan value post agar  dapat diteruskan. Tetapi karena belum dihubungkan dengan database jadi tidak ada gunanya. Action adalah lokasi file yang dituju
• <img src="smug.jpg" alt="smug face" width="200"> digunakan untuk memasukkan gambar. Smug.jpg adalah nama file gambar yang digunakan, smug face adalah keterangannya, dan width untuk mengatur ukurannya. Pastikan gambar yang digunakan ada dalam satu folder.
• <input type="text" name="nama"> adalah tag yang digunakan untuk membuat inputan  dan value text agar inputannya berupa textfield. Name digunakan untuk menamai inputan tersebut.
• <input type="radio" name="j_k" value="l" checked> digunakan untuk membuat inputan dengan tipe radio button, value digunakan untuk menamai sebuah radio button dan checked dugunakan apabila kita ingin radio button langsung terpilih.
• <select name="agama"> adalah tag yang digunakan untuk membuat drop-down list atau combo box. Lalu untuk membuat list atau pilihannya kita menggunakan tag option. Berikut ini contohnya :  <option value="islam"> Islam </option>
• <textarea name="alamat" cols=22></textarea> digunakan untuk membuat sebuah text area yang dapat mencakup banyak karakter, cols digunakan untuk mengatur ketinggian dari textarea.
• <input type="submit" value="Save"> digunakan untuk membuat tombol submit yang berfungsi untuk mengepos data yang telah diinputkan di form, value adalah tulisan dari tombolnya, jadi dapat diubah-ubah.
• <input type="reset" value="Clear"> digunakan untuk mengosongkan atau menghapus data-data yang sudah diinputkan di form.

Sekian pembahasan tentang Form. Terima Kasih.