Pengertian HTML Form

A. PENDAHULUAN 

       Pada postingan kali ini kita akan membahas mengenai Form di html, apa itu form dan digunakan buat apa form itu, akan kita bahas di postingan kali ini.

B. PENGERTIAN

       Form merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung. Melalui form pengunjung sebuah halaman web dapat melakukan interaksi dengan web. Pengunjung dapat memasukan data melalui elemen-elemen input seperti textfield, checkbox, radio button, textarea, submit button, dropdown dan lain-lain. Selain itu pengunjung  juga dapat melakukan pemilihan data mengunakan elemen select list atau dengan istilah lain combo box atau drop-down list. Form membuat sebuah halaman web menjadi web interaktif dan dinamis, karena form merupakan satu-satunya sarana bagi pengembang website untuk mendapatkan informasi dari pengguna.

C. MAKSUD DAN TUJUAN

       Memahami pengertian dari html form dan kegunaanya.


D. PEMBAHASAN

       Ada dua atribut yang digunakan pada elemen form yaitu method dan action.

Method yang berfungsi sebagai pengiriman data pada server dengan cara ke tujuan yaitu :

- Get: mengirim data pada server dengan cara meletakan data pada bagian akhir URL yang ditunjuk.

- Post : mengirim datanya secara terpisah.

Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.

Action yang berfungsi menentukan lokasi dari script yang akan memproses data dari form.

Struktur dasar form akan terlihat sebagai berikut:

<form action="logindata.php" method="post">

...isi form...

</form>

Elemen-elemen Input pada Form

Elemen yang paling penting dalam form adalah elemen input. Elemen ini memungkinkan pengunjung memasukan data melalui halaman form yang datanya kemudian akan dikirimkan keserver. Ada banyak elemen-elemen input pada form, yang dapat digunakan oleh pengguna untuk mengisikan data dengan yang berbeda-beda jenisnya. Berikut ini saya akan membahas tiap-tiap elemen input  form, beserta dengan cara pembuatannya.

1.      Text Field

Elemen yang digunakan untuk memasukan text dalam satu baris. Lebar karakter defaultnya adalah 20 karakter.

Penulisan :< input type=”text” />

2.      Password Field

Untuk memasukan datu baris teks dengan format chiphertext/password. Dengan karakter yang disamarkan dengan bulatan atau tanda “*”.

Penulisan :< input type=”password” />

3.      Radio Button

Radio button digunakan agar dapat memilih salah satu pilihan. Contoh jenis kelamin (male or female).

Penulisannya :  Radio Button<input type="radio">

4.      Text Area

Digunakan sebagai input kontrol form untuk memasukan teks lebih dari satu baris. Elemen ini mempunyai atribut yaitu name, cols, dan rows.

Seperti dijelaskan berikut :

Nama                    = nama dari veriabel yang dikirim ke suatu aplikasi

Rows                     = panjang baris dalam karakter

Cols                       = tinggi kotak

Penulisannya : <text area>

                  Name=”name”

Cols=”number”

Row=”number”

...........

</text area>

5.      Check Box

Check Box digunakan untuk dapat memilih lebih dari satu pilihan.

Penulisannya: Check Box<input type="checkbox">

6.      Select List

Digunakan untuk menampilkan daftar pilihan dalam bentuk drop-down list.

Penulisannya :

<select>

......

</select>

7.      Submit Button

Digunakan untuk mengirimkan data dari halaman web ke server. Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dalam  atribut ACTION dlam elemen FORM.

Penulisannya : Submit<input type="submit">

8.      Reset Button

     Digunakan untuk membatalkan proses atau mereset proses pengisian atau

yang dilakukan di element inpu form.

Penulisannya : Reset<input type="reset">

E. KESIMPULAN

      Form merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung.  
     Ada dua atribut yang digunakan pada elemen form yaitu method dan action. 
*Method yang berfungsi sebagai pengiriman data pada server dengan cara ke tujuan yaitu

- Get: mengirim data pada server dengan cara meletakan data pada bagian akhir URL yang ditunjuk.

- Post : mengirim datanya secara terpisah.

 *Action yang berfungsi menentukan lokasi dari script yang akan memproses data dari form. 

*Elemen-elemen Input pada Form

1.      Text Field

2.      Password Field

3.      Radio Button

4.      Text Area

5.      Check Box

6.      Select List

7.      Submit Button

8.      Reset Button

F. REFERENSI

https://rino-onir.blogspot.co.id/2014/03/form-dan-element-form-dalam-html.html

Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom komentar.....