Membuat form dengan HTML

Membuat form dengan HTML

Dalam membuat form dengan html kita dapat menggunakan tag <form> dan ditutup dengan </form> yang merepresentasikan form pada html sendiri. Form pada html memiliki banyak tipe-tipe inputnya yang nantinya akan kita bahas secara satu persatu penggunaan input pada form tersebut. Tetapi sebelumnya teman-teman disarankan untuk mengetahui apa itu html dan apa saja elemen yang ada didalam html tersebut. 

membuat form dengan html

Form input dengan HTML

membuat form input text dengan html

Contoh sederhana penggunaan form menggunakan html adalah sebagai berikut:

Dari script diatas kita telah membuat sebuah form, dimana action merupakan tujuan ketika form tersebut disubmit atau di kirim menggunakan php, dan method merupakan pendefenisian dari form tersebut  yang bermethod ‘post’ selain ‘post’ method dari form juga ada ‘get’ namun penggunaan get ini tidak di sarankan dalam form dikarenakan setiap apa yang kita inputkan akan muncul di adress bar pada browser kita.

form input type text pada html

form input text merupakan inputan yang bertype text  pada html,biasanya digunakan untuk isian nama,username,dan lain sebagainnya. Berikut contoh simpel penggunaan input type text pada html:

form input type number pada html

form input type number ini merupakan form inputan yang hanya bisa di isi dengan nomor atau number saja, berikut penggunaan form input type number pada html:

form input type email pada html

sama halnya dengan input type number yang hanya dapat diisikan dengan nomor atau number, namun input type email ini hanya dapat diinput berupa email ex: serbangoding@gmail.com artinya inputannya lebih spesifik lagi, berikut penggunaan inputan type email:

form input type date pada html

Form input type date ini dapat digunakan ketika kita menginginkan user untuk menginput tanggal, jadi input type date ini haya bisa diiputkan berupa tanggal. Berikut pengguaan input type tangga di html:

Input type radio dan chachbox pada html

gambar diatas adalah contoh inputan chackbox dan radio , inputan type chackbox ini digunakan ketika kita ingin user menginputkan lebih dari satu, misal nya hobi kita dapat memilih bebrapa hobi, sedangkan input type radio ini digunakan ketika kita harus memilih salah satu dari beberapa pilihan yang disediakan, contohnya ketika inputan yang kita ingin kan berupa jenis kelamin, yang mengharuskan memilih antar laki-laki ataupun perempuan, berikut contoh inputan type chachbox dan radio pada html:

Form input type select pada html

form input type select pada html merupakan inputan yang berupa dropdown, yang di dalam nya terdapat pilihan-pilihan contoh nya ketika ingin membuat inputan kota atau kabupaten yang ada di kalimantan barat, kita dapat menggunakan inputan type select contoh penggunaanny pada html:

input type textarea pada html

input type text area ini hampir sama dengan inputan type text namun textarea ini lebih panjang dan banyak menyimpan karakter, contoh penggunaan textarea adalah ketika kita ingin menginputkan berupa alamat atau komentar, berikut penggunaan textarea pada html:

Input type reset dan submit pada html

Input type submit digunakan untuk mengirim inputan-inputan yang telah diisi dalam sebuah form, sedangkan type reset untuk menggosongkan inputan yang telah diisi di form, berikut contoh penggunaan input type reset dan submit pada html:

Input type file pada html

Input type file ini digunakan untuk mengupload document entah itu gambar,file word dan lain sebagainya yang ada didalam komputer kita, berikut contoh penggunaan input type file didalam html:

Input type password pada html

sesuai dengan namaya input type password ini digunakan untuk inputan password sehinga apa yang kita inputkan akan tersembuny, untuk penerapan input type password ini silakan lihat pada arikel saya tentan cara membuat form login dengan html, berkut contoh penggunaan inputan type password d html:

Setiap inputan sebaiknya ditambahaka atribut ‘name’ fungsinya untuk mengambil nilai inputan ketika mensubmit atau mengrim form tersebut dengan php,Sekian pembahasan mengenai membuat form dengan html dan macam-macam type inputan dalam sebuah form htmk. Happy Coding!.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *