Form di HTML

Cara Membuat Form di HTML

Form di HTML digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web.

Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP.

format penulisan tag form :

form memiliki atribut, diantaranya :

action : berfungsi menjelaskan lokasi data yang didapat form akan dikirimkan. Biasanya value dari atribut action ini adalah alamat(url)/nama file sebuah halaman PHP yang akan memproses isi data form.

method : adalah untuk menjelaskan bagaimana data isian form akan dikirim. value dari atribut method ini bisa berupa get atau post. Perbedaan get dan post yaitu get akan menampilkan data pada URL kemudian akan ditampung oleh action, sedangkan post akan mengirim data langsung ke action untuk ditampung tampa nenampilkan data ke URL.

Contoh penulisan atribut from

 

elemen-elemen form di HTML

  • input
    digunakan untuk menginputkan satu data bisa berupa teks angka maupun password.
    format penulisan elemen input :

    elemen input meiliki atribut diantaranya :
    name : digunakan untuk mentukan nama input-an itu sendiri. Hal ini digunakan untuk mentukan elemen data pada form ke resource yang memperoses elemen tersebut.dalam atribut name ini value-nya tidak boleh menggunakan sapasi.
    type : digunakan untuk menetukan jenis input-an atau jenis control yang akan digunakan. Value dari atribut type diantaranya :
    type : text
    digunakan untuk menginput teks. Merupakan tipe default dari elemen input. atribut yang harus ada di type text ini yaitu taribut name . Atribut tambahan jika mengunakan elemen input type text adalah  maxlenght (digunakan untuk mentukan jumlah maksimum karakter yang di inputkan oleh user), width(lebar kolom elemen input text, biasanya value dari atribut width mengunkan pixsel).
    Contoh penulisan elemen input type text :

    type : password

    Input ini sama dengan input tipe teks, hanya saja teks yang akan tampil pada monitor berupa simbol, tetapi value yang diterima sama dengan value yang diinputkan . atribut yang harus ada di type password ini yaitu taribut name .
    Contoh penulisan elemen input type password :

    type : radio
    digunakan untuk memilih salah satu di antara dua atau lebih, akan tetapi jika anda ingin memberikan pilihan lebih dari dua sebaiknya anda menggunakan elemen select karena tampilan formnya lebih ringkas. atribut yang harus ada di type radio ini yaitu taribut value (digunakan untuk mewakili data yang dipilih) dan name .
    contoh penulisan elemen input type radio :

    type : checkbox
    digunakan untuk memilih satu atau lebih di antara dua atau lebih pilihan.atribut yang harus ada di type checkbox ini yaitu taribut value (digunakan untuk mewakili data yang dipilih)  dan name .
    contoh penulisan elemen input type checkbox :

    type : submit
    type submit berbentuk seperti tombol dan  diletakkan di akhir form. Berfungsi untuk mengirimkan isi form ke server, ke alamat yang tertera pada atribut action pada elemen form.taribut yang harus ada di type ini yaitu value digunakan untuk memberi nama/judul tombol tersebut.
    Contoh penulisan elemen input type submit :

    type : reset
    type reset sama seperti type sumbit berbentuk seperti tombol.type reset ini berfungsi untuk mereset isi data form yang di inputkan oleh user. Maka ketika kita mengisi data di suatu form kemudian mengklik tombol  reset maka data yang diinputkan akan kembali ke awal (default). taribut yang harus ada di type ini yaitu value digunakan untuk memberi nama/judul tombol tersebut.
    Contoh penulisan elemen input type reset :

  • Select
    select digunakan untuk menyeleksi opsi (daftar pilihan).
    format penulisan tag select :

    atribut yang ada di tag  select diantaranya name ,size (Menentukkan ukuran jumlah opsi yang dapat dilihat dari daftar yang diberikan).
    elemen yang ada di tag select yaitu option yang digunakan untuk menampilkan  daftar pilihan (opsi). atribut yang ada di option di antaranya value.
    format penulisan elemen option :

  • textarea
    textarea digunakan untuk input data pada kotak area lebih dari satu baris.
    format penlisan textarea :

    atribut di textarea :
    cols : menentukan lebar dari textarea
    rows : menentukan  jumlah baris pada textarea
    name : menentukan nama untuk textarea
    maxlength : menentukan maxsimal jumlah karakter yang dapat diinput pada area teks tersebut

contoh

hasil tampilan di browser
hasil tampilan di browser

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here