Form HTML

Assalamu'alaikum Wr. Wb.

A). Pendahuluan

Bertemu lagi di blog saya, .Pada postingan blog kali ini, saya akan membahas dan memahmi tag form pada HTML.

B). Pengertian

Tag <form> adalah tag yang digunakan untuk mendefinisikan sebuah form.

Jadi, sebuah form dibentuk oleh pasangan tag <form> ….. </form>

C). Maksud & Tujuan

Memahami cara menggunakan tag form di HTML

D). Pembahasan
Anda tentunya sudah tidak asing dengan istilah “form”. Form adalah sebuah daftar isi yang merupakan salah satu penampilan interaktif yang paling popular di internet. Form atau daftar isian ini digunakan untuk meminta informasi dari user yang kemudian akan diolah.

Untuk beberapa keperluan tertentu, Anda tentunya membutuhkan penggunaan form di website yang Anda miliki misalnya form untuk survei, form biodata, form pendaftaran, form login, dan yang lainnya. Pada pembahasan kali ini, saya akan menjelaskan tentang cara membuat form di HTML. Untuk lebih jelasnya, mari simak penjelasan dibawah ini :

1). Tag form

Tag <form> adalah tag yang digunakan untuk mendefinisikan sebuah form. Jadi, sebuah form dibentuk oleh pasangan tag <form>....</form>.

Pada tag <form> terdapat dua atribut yaitu atribut method dan action yang mempunyai fungsi sebagai berikut:

1). Method digunakan untuk menentukan cara mengirimkan data yang dimasukkan user ke web server (metode pengolahan form).

2). Action digunakan untuk menentukan lokasi atau URL dari file yang akan digunakan untuk mengolah form tersebut.

Contoh dari penggunaan tag <form> :

........................

</form

2). Tag Input

Tag <input> adalah tag yang digunakan untuk membuat elemen – elemen yang digunakan untuk meminta informasi dari user atau membuat kontrol kotak teks misalnya checkbox, textbox, button, radio button, dan yang lainnya.

Bentuk bentuk dari tag <input> dibedakan berdasarkan nilai dari atribut type. Berikut ini adalah beberapa contoh penggunaan atribut type.

1). <input type=”text”> Digunakan untuk membuat inputan text biasa, seperti untuk inputan nama, username, atau text input yang pendek.

2). <input type=”password”> Bentuk tampilannya sama seperti type text, tetapi text yang diinputkan tidak akan terlihat, maka setiap inputan akan tampil berupa symbol bintang atau bulatan bulatan.

3). <input type=”checkbox”> Sesuai dengan namanya checkbox merupakan sebuah inputan yang berbentuk box dan nantinya bisa di ceklist atau di centang oleh user. User bisa memilih atau tidak memilih checkbox ini.

4). <input type=”radio”> Hampir mirip seperti checkbox, tetapi user nantinya hanya bisa memilih salah satu di antara pilih group radio. Inputan radio ini biasanya digunakan untuk inputan jenis kelamin.

5). <input type=”submit”> Akan menampilkan sebuah tombol yang berfungsi untuk memproses form. Input Submit ini memiliki sebuah atribut value yang berfungsi untuk membuat sebuah text didalam tombol submit tersebut

6). <input type=”reset”> Input type reset ini kebalikan dari input type submit yaitu jika kita menekan tombol ini, maka seluruh inputan form yang sudah kita isi akan kembali seperti semula.

3). Tag <textarea>

Pada dasarnya Tag Textarea ini sama seperti tag input type text, namun bentuknya lebih besar. Tag textarea ini memiliki 2 atribut yang penting yaitu atribut rows dan cols yang berfungsi untuk mengatur panjang dan banyak baris text.

Contoh penggunaan textarea:

Jumlah baris text dan panjang text sesuai dengan atribut rows dan cols</textarea>

3). Tag <select>

Tag select digunakan untuk inputan yang telah tersediakan nilainya, sama halnya seperti tag input type radio namun berbeda tampilannya. Tag select digunakan bersama dengan tag option yang berfungsi untuk membuat pilihannya.

4). Atribut Name

Atribut name didalam sebuah form sangatlah penting, karena atribut name ini menentukan apakah inputan tersebut nantinya akan di proses oleh server atau tidak.

Berikut ini adalah contoh penggunaan atribut name:

Contoh Form Sederhana di HTML.

Hasil Script:

E). Kesimpulan
Jika diperhatikan lebih jelas, maka semua isian form tampak terlihat pada baris tersebut, setiap nilai dibatasi dengan karakter “&” sedangkan spasi diubah menjadi simbol tambah “+“.

F). Referensi

Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada kesalahan mohon maaf semuanya. Terima kasih telah mengunjungi blog saya dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

~ Wassalamu'alaikum Wr. Wb. ~