Cara Membuat Form

Jika anda menjalankan bisnis apapun di internet - apakah itu produk atau jasa yang anda jual - anda akan membutuhkan sebuah form untuk semua itu. Seperti contoh, anda akan butuh beberapa informasi dari customer anda yang ingin pesan jasa installasi. Anda tidak bisa mendapatkan form seperti ini, maka anda perlu membuat form seperti ini.

Membuat Form tidak perlu menjadi sulit. Ini hanya mengetahui form tags dan fungsinya, labels, tombol, dan bagaimana menyusun semua itu.

untuk pada postingan kali ini saya akan coba berbagi bagaimana cara untuk membuat sebuah form.

Kita akan memulai langkah-langkah dalam membuat form yang berbeda. Setelah melewati ecourse ini, anda akan bisa membuat dan menggunakan form untuk apapun.

Mari mulai dengan tags yang berbeda, label, tombol dan lain-lain.

Ada dua bagian dalam membangun interaktif dengan menggunakan forms: Membuat form interface dan proses submit oleh user anda. Seksi ini fokus dalam membuat form interface menggunakan tags HTML.
Form Tag:

Forms dibuat deengan menggunakan form tag dan atributnya.

<form>
</form>

form tags selalu mulai dengan pembukaan tag dan penutupan tag. Semua element form  harus ditaruh didalam pembukaan dan penutupan tag.
Input Tag:

Input tag dan semua atributnya adalah digunakan untuk membuat element form. Input tag tidak mempunyai tag penutup. Input tag mempunyai banyak atribut tapi satu-satunya yang diperlukan dari semua element adalah type.

Atribut type mendefinisikan semua form element yang akan ditampilkan. Value yang memungkinkan adalah: text, checkbox, radio, password, hidden, submit, reset, dan image. Contoh:

<input type="text">    
<input type=PASSWORD>    
<input type=CHECKBOX>    
<input type=RADIO>    
<input type=SUBMIT>    
<input type=RESET>    
<input type=IMAGE SRC="checkout.gif">    
<input type="hidden" NAME="getCoords"
VALUE="NO">

Input type yang terakhir, HIDDEN, tidak terlihat pada orang yang melihat web anda. Ini digunakan untuk memberikan informasi pada server.

Name Attribut:

Nama Attribut  dipakai setelah user submit form nya dan informasi sudah dikumpulkan dan diproses. Tidak masalah apa yang anda pakai untuk proses informasinya, anda memerlukan cara untuk identifikasi setiap element dengan yang dimasukkan user. NAME attribut bekerja dalam input si user dengan nama yang anda supply dalam setiap element form. (Content dari attribut NAME tidak terlihat oleh user)

<input type=text NAME="LastName">

Baris dari kode diatas akan membuat input box yang seperti:

Text Label:

Text Label adalah label yang user lihat. Ini memberitahu mereka, apa yang harus ditaruh didalam text box.

Last Name: <input type=text NAME="lastname">

Kode diatas akan membuat input box seperti ini: