membuat form melalui HTML

Di postingan ini , saya akan membahas beberapa hal tentang form html , yaitu formulir tentang data diri atau pengisian angket dan sejenisnya . Di bawah ini adalah contoh dari pembuatan sebuah form data diri :

Form Data Diri

Gambar 1.0 Formulir HTML

Dan berikut source codenya. Silahkan copy paste pada notepad atau tool lainnya dan save dengan type .html

Form Data Diri

---

Nama	:
Alamat	:
Kota	:
Telp	:
Jenis Kelamin	: PriaWanita
Hoby	: MusikOlahragaJalan
Agama	: IslamKristenKatolikHinduBudha
Asal Sekolah	:
Jurusan	:

---

Mungkin bagi kalian yang belum mengenal HTML bingung itu yang di atas apaan nggak jelas banget kan ?
Nah disini bakal kita pelajarin satu persatu buat bikin formulir kayak gambar di atas :)
Diatas adalah contoh dari form sederhana yang akan kalian pelajari disini. Sekarang siapkan bahan-bahannya, yaitu

, , . Sebelum mulai mempelajari tiap tag, ada baiknya kalian mengetahui bahwa untuk membuat sebuah form yang dapat dikirim dan diproses di server kalian harus mengetahui PHP dan SQL. Disini kalian hanya mempelajari dasarnya saja yaitu bagaimana cara menampilkan sebuah form yang baik.Sekarang kalian lihat form diatas, dan perhatikan bahwa tiap baris mempunyai jenis input yang berbeda-beda. Apa itu input? Input adalah sesuatu yang dimasukkan oleh pembaca halaman web kalian misalnya teks. Dari atas ke bawah : TextPasswordCheckboxRadioSelectTextarea Input tipe Text digunakan untuk memasukkan karakter-karakter yang jumlahnya tidak terlalu banyak. Berbeda dengan Textarea yang dapat menampung karakter dalam jumlah besar. Contoh penggunaannya adalah sebagai berikut :Nama : <input type="text" size="25" /> Pesan Anda : <input type="textarea" cols="20" rows="20" /> Nama : Pesan Anda : Sedangkan untuk input tipe Password hampir sama dengan Text hanya saja karakter yang diketik dalam kolom password otomatis akan terlihat ***** untuk menjaga kerahasiaan dari password tersebut.
Cara membuatnya cukup mudah :

1. Password : <input type="password" size="25" />

Password :  

Silahkan script html tersebut kalian coba pada papan tulis di bawah.

Checkbox, Radio, dan Select merupakan elemen dari form yang digunakan untuk memilih dari beberapa pilihan yang disediakan.

Checkbox

Checkbox digunakan jika pilihan yang disediakan dapat dipilih lebih dari satu. Lihat penggunaannya berikut ini :

1. Pelajaran yang kalian sukai :
2. <input type="checkbox"> Matematika
3. <input type="checkbox"> Fisika
4. <input type="checkbox"> Kimia
5. <input type="checkbox"> Sejarah

Pelajaran yang kalian sukai :  Matematika  Fisika  Kimia  Sejarah 

Radio

Radio digunakan apabila pilihan yang disediakan hanya dapat dipilih satu saja. Contoh penggunaannya :

1. Pelajaran yang kalian sukai :
2. <input name="favorit" value="matematika" type="radio"> Matematika
3. <input name="favorit" value="fisika" type="radio"> Fisika
4. <input name="favorit" value="kimia" type="radio"> Kimia
5. <input name="favorit" value="sejarah" type="radio"> Sejarah

Pelajaran yang kalian sukai :  Matematika  Fisika  Kimia  Sejarah 

Select

Select digunakan apabila tampilan pilihan yang kita sediakan berbentuk dropdown. Sebenarnya aplikasinya mirip dengan Radio yaitu pilihan yang boleh dipilih hanya satu. Select digunakan selalu bersamaan dengan Option. Berikut ini adalah contoh penggunaannya :

1. Pelajaran yang kalian sukai :
2. <select name="favorit">
3. <option>Matematika
4. option><option>Kimia
5. option><option>Fisika
6. option><option>Bahasa
7. option>select>

selamat membuat form melalui html :)