softholic

Tutorial kali ini saya akan membahas tentang fungsi dan cara mempergunakan tag form pada HTML. Softholic mania pasti tahu apa itu form bukan ?

Form merupakan tag pada HTML yang berfungsi untuk meminta atau memasukkan input yang dilakukan oleh user. Form HTML diawali dengan tag <form> </form> dimana pada tag tersebut bisa softholic mania masukkan attribut method dan juga action.

Form pada website biasanya dipergunakan untuk input data seperti contact, submit komentar, ataupun submit data. Secara umum form memiliki beberapa element input yang bisa dipergunakan, untuk lebih jelasnya silahkan lihat penjelasan dibawah ini.

1. Inputan berupa text field : inputan text field biasanya dipergunakan untuk memasukkan text dengan ukuran panjang kurang dari 100 (nama, e-mail, kategori, no telepon).
   
<input type='text' name='nama_inputan'/>
   Contoh :

2. Inputan berupa radio button : inputan yang memungkinkan softholic mania hanya dapat memilih pilihan tidak boleh lebih dari satu (jenis kelamin, agama, kebangsaan)
   
<input type='radio'  name='nama_radio'/>
   Contoh :
   Pria
   wanita
3. Inputan checkbox : inputan yang memungkinkan softholic mania bisa memilih lebih dari satu pilihan (hobi, skill, bahasa).
   
<input type='checkbox' name='nama_checkbox'/>

   Contoh :
   checkbox
4. Inputan submit button : inputan yang mengeksekusi seluruh inputan element yang telah diisi (save, submit, add).
   
<input type='submit' nama='nama_submit'/>
   Contoh :

5. Select name : inputan element yang memiliki fungsi sama seperti radio button akan tetapi dengan tampilan dropdown dimana isi berada pada bagian option (Kota, Pendidikan terakhir, Agama).
   
   <select name='nama_select'>

   <option value=' '> nama_pilihan </option>

   </select>

   Contoh :

   Jakarta Bandung
6. Textarea : inputan sama seperti dengan text field hanya saja ukuran dan panjang dari text lebih dari 100 karakter (komentar, posting, alamat).
   
<texarea> </textarea>
   Contoh :
   

Saya harap softholic mania mempelajari cara pembuatan form karena akan saya pergunakan dan saya implementasikan untuk tutorial selanjutnya.