Hello temen temen, kali ini kita akan belajar membuat form html. Form merupakan tempat penginputan data sebelum diproses oleh sistem. Seperti yang kita tahu web tidak hanya untuk menampilkan sebuah informasi saja tetapi juga mengambil data pengunjung seperti login dan register. Untuk membuat itu dibutuhkan sebuah form untuk menerima hasil inputan dari user, jika kalian pernah membuka facebook pasti kalian harus login terlebih dahulu. Form didalam web bisa kita samakkan dengan formulir dunia nyata, contohnya form biodata. Bedanya di web data itu akan diproses dan diterima lewat jalur server website kita. Memproses data ini nanti kita membutuhkan bahasa server side seperti php atau nodejs dan database seperti mongodb atau mysql. Tapi karena kita disini masih belajar html , jadi kita akan mempelajri sintak sintaknya saja
Cara Membuat Form HTML
Form di html dimulai dengan tag .
Tag ini memiliki beberapa atribut yang penting yaitu ada :
- action fungsinya untuk menentukan aksi yang akan dilakukan saat data dikirim
- method metode untuk pengiriman data
Contoh kodenya seperti ini guys.
Maka tampilannya akan menjadi seperti ini
Nah jika dilihat banyak tag dan juga atribut yang kita bahas ya gaess. Berikut list atrbiut yang belum kita bahas
- autocomplete : tag ini untuk memberitahu browser apakah form ini membawa history apa yang diketikan user sebelumnya atau tidak. Tag ini memiliki dua nilai yaitu on f=dan off defaulnya adalah on.
- autofocus : digunakan untuk memberikan focus secara otomastis pada inputan yang diberikan tag ini ketika halaman direload.
- form enctype : digunakan ketika kita ingin menirim file di inputan kita ke server, digunakan di tag form
- height and width : untuk mengatur tinggi dan lebar form
- min and max : untuk menentukan minimal dan maksimal inputan, digunakan di type number atau date.
- multiple : memberitahu browser bahwa pengguna diperbolehkan memasukkan lebih dari satu nilai pada elemen . Biasa dipakai di inputan bertype file. Yang artinya boleh menginput banyak gambar.
- required : untuk validasi client side yang artinya inputan ini harus diisi
Nah mungkin itu dulu temen temen pembelajaran kita kali ini jika temen temen ada pertanyaan bisa ketik di kolom komentar sekian dari saya salam ngoding.