Saturday, January 28, 2017

Anatomi dan Cara Kerja Form

  1. Definisi form
    2. Merupakan salah satu bentuk halaman web yang digunakan untuk menerima masukkan dari pengguna untuk selanjutnya, masukkan dari pengguna diolah menggunakan bahasa permrograman web. Form dapat digunakan untuk berbagai keperluan seperti keperluan login, transaksi penjualan, pendaftaran online, menawarkan barang atau jasa secara online, dll. Form sangat sering kita jumpai dalam satu aplikasi sistem informasi berbasis web.

  2. Anatomi form
    3. Standard atau format umum penulisan dari form adalag sebagai berikut,

  3. Elemen-elemen form
    4. Form html digunakan untuk memilih berbagai macam inputan yang disediakan. Data bisa di inputkan dalam bentuk input teks, radio button, checkbox, textarea, select, submit, reset, dll. Bentuk inputan tersebut dikemas elemen dalam tag-tag form.
    • Radio button : digunakan agar dapat memilih salah satu pilihan.
    • Textarea : digunakan sebagai in sebagai inputan kontrol form untuk memasukkan teks lebih dari satu baris.
    • Checkbox : digunakan untuk dapat memilih lebih dari satu pilihan.
    • Submit : digunakan untuk mengirimkan data dari halaman web ke server.
    • Reset : digunakan untuk membatalkan semua proses pengisian data yang dilakukan di elemen input form.
    • Input text : digunakan untuk inputan nama, username dari inputan yang berupa text pendek.
    • Input password : digunakan inputan password yang biasanya keluar tanda seperti ini *** jika kita mengisi kotak inputan.


  4. Cara membuat script HTML

    • Contoh Input text :


    • Contoh Input password :


    • Contoh Radio button :


    • Contoh Checkbox :


    • Contoh Textarea :



  • Contoh Select :



  • Contoh Submit :



  • Contoh Reset :


  • Contoh form sederhana :


    • Dan hasilnya seperti dibawah ini :

    Diposting oleh di
    Label:

    No comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)