Membuat Form

From HTML merupakan tag yang paling penting adalam pemorgraman HTML khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan yang dapat berupa textbox, check box, radio button, dan button.
Untuk mendkelariskan sebuah from digunakan tag <form>…</form>. Di dalam tag ini di definisikan elemen – elemen form sperti yang telah di sebutkan di atas. Selain tag, elemen form juga dapat menuliskan sembarang teks, tag, maupun image.
Atribut elemen from :
Action                   = lokasi dan nama file (file yang berisi data – data form)
Method                 = [get | post] metode HTTP untuk men-submit form
Properti masukan pada elemen form
1.       Text box<input type=”text”>
Dignakan untuk memasukan input yang berupa teks.
Size                    = ukuran dari textbox dalam karakter
Maxsize              = maksimal jumlah karakter yang dapat di input
Nama                 = nama variable yang dikirim ke suatu aplikasi
Value                  = akan menampilkan isinya sebagai nilai default
2.       Password<input type=”password”>
Di gunakan untuk memasukan password
Size                     = ukuran textbox dalam karakter
Maxsize               = maksimal jumlah karakter yang dapat di input
Name                  = nama variable yang dikirim ke suatu aplikasi
3.       Hidden<input type”hidden”>
Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.
Name                  = nama dari variable yang dikirim ke suatu aplikasi
Value                  = nilai dari variable
4.       Check Box<input type=”checkbox”>
Check box digunakan untuk dapat memilih lebih dari satu pilihan.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = nilai dari variable
Checked (checkbox yang sudah ditandai)
5.       Radio Button<input type=”radio”>
Radio button digunakan agar dapat memilih ahnya salah satu pilihan.
Name                    = nama veriabel yang dikirim ke suatu aplikasi
Value                    = nilai dari variable
Checked (radio button yang sudah di tandai)
6.       Push Button<input type=”button”>
Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = label teks di atas tombol
7.       Submit<input type=”submit”>
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = label teks di atas tombol
8.       Image Submit Button<input type=”image” src=”url”>
Digunakan untuk menggantikan tombol standar submit dengan image.
Name                    = nama dari variable ayng dikirim ke suatu aplikasi
9.       Reset<input type=”reset”>
Digunakan untuk mereset semua masukan dalam form.
Value                    = label teks di button
10.   Text Area<textarea>…</textarea>
Elemen untuk memasukan teks secara leluasa seperti notepad.
Nama                    = nama dari veriabel yang dikirim ke suatu aplikasi
Rows                     = panjang baris dalam karakter
Cols                       = tiggi kotak
11.   Select<select>…</select>
Daftar isi dalam property select menggunakan tag <option>
Size                        = jumlah pilihan yang dapat terlihat
Name                    = nama dari veriabel yang dikirim ke suatu aplikasi
CONTOH
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get">
   Nama: <input type="text" name="nama" value="Nama Kamu" />
   <br />
   Password: <input type="password" name="password" />
   <br />
   Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="laki-laki" checked/> Laki - Laki
                   <input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan
   <br />
   Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku
         <input type="checkbox" name="hobi_nulis" checked /> Menulis
         <input type="checkbox" name="hobi_mancing" /> Memancing
   <br />
   Asal Kota:
   <select name="asal_kota" >
        <option value="Kota Jakarta"> Jakarta</option>
        <option>Bandung</option>
        <option value="Kota Semarang" checked>Semarang</option>
   </select>
   <br />
   Komentar Anda:
   <textarea name="komentar" rows="5" cols="20">Silahkan katakan isi hati anda</textarea>
   <br />
   <input type="submit" value="Mulai Proses!" >
</form>
</body>
</html>
Hasilnya Adalah
Cara Membuat Form di HTML (tag form)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s