penggunaan tag Form dan Table pada HTML

Assalamu alaikum Wr.Wb

kali ini saya akan menjelaskan mengenai form dan tabel pada HTML

contoh output

1.FORM

Form pengajuan KTP

No Pendaftaran
Nama
Alamat
Propinsi	Sulawesi Selatan Sulawesi Tenggara Sumatra Barat
Kota	kec
Pekerjaan
jenis kelamin	pria wanita
Tempat/Tanggal Lahir
Kelengkapan Berkas	FC.KK Surat Pengantar Pas foto Surat Domisili
File Scan

untuk membuat form pengajuan ktp seperti diatas kita menggunakan

1. Tag Fieldset berfungsi untuk mengelompokkan beberapa objek form menjadi sebuah kelompok
2. tag form digunakana untuk Menentukkan character encodings yang diterima oleh server sebelum form dikirim
- atribut action digunakan untuk menentukan dimana form data akan dikirim menuju server setelah submission dari form
- atribut method="GET" digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka data yang dikirim akan terlihat pada page address


3. tag input type="text" berfungsi sebagai kolom isian dari user. text isian tidak akan ditampilkan, namun diganti dengan karakter khusus
- atribut name digunakan untuk memberikan atribut nama yang akan diproses oleh form action
- atribut placeholder berguna untuk membuat semacam penamaan pada form. biasanya di gunakan untuk memberikan nama pada form


4. tag textare untuk igunakan untuk membuat text inputan yang bisa menampung lebih dari 1 baris inputan. Biasanya textarea digunakan untuk inputan yang panjang, seperti komentar, keterangan, atau catatan.


5. tag select untuk membuat objek form yang berupa list pilihan yang dapat dipilih oleh user. Biasanya tag select digunakan untuk user memilih salah satu dari pilihan yang tersedia.
6. tag option Menentukkan bahwa element (opsi) nonaktif (tidak dapat diedit atau diseleksi). Menentukkan label untuk sebuah item daftar pilihan (opsi). Menentukkan item terpilih pertama kali ketika halaman web dimuat.


7. tag input type="radio" berfungsi untuk membuat tombol radio atau tombol pilihan yang diisi dengan cara memilih dari salah satu tombol radio yang ada
atribut value digunakan sebagai nilai isian awal untuk input . Namun atribut ini bersifat opsional dan anda tidak harus menambahkannya untuk setiap text inputan.


8. tag input type="date" digunakan untuk memformat bidang isian sesuai format tanggal. Misalnya dimulai dengan hari kemudian bulan setelahnya tahun


9. tag input type="checkbox" digunakan berfungsi untuk membuat checkbox atau kotak isian yang diisi dengan cara menceklist kotak tersebut.


10. tag input type="file" adalah sebuah objek di dalam form yang digunakan untuk upload file


11. tag input type="submit" igunakan untuk memulai proses pengolahan data. Pengolahan ini dapat berupa masukan, perubahan, atau penghapusan.
12. tag input type="reset" digunakan untuk membersihkan semua element form yang berupa isian

2. TABEL

1. Tag table digunakan sebagai antarmuka untuk memberi kemampuan menyortir (memilih-milih) table
2. atribut border digunakan untuk mengatur ketebalan dari garis tepi (border) dari tabel.
3. atribut style digunakan untuk mengatur gaya isi elemen yang diletakan dalam tag pembuka elemen html
4. atribut cellspacing digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar. Menggabungkan ketiga atribut tersebut dalam sebuah tabel, maka kita dapat menyesuaikan tampilan tabel sesuai dengan keinginan kita.
5. atribut rowspan digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar.
6. atribut colspan digunakan untuk menggabungkan beberapa baris
7. width digunakan untuk mengatur lebar bidang_tag yang kita berikan style
8. height digunakan untuk mengatur tinggi bidang_tag yang kita buat.

contoh tabel

semakin rumit tabel yang dibuat maka semakin banyak juga rowspan dan colspan yang digunakan