MODUL 2
( FORM + TABLE)
- HTML Form
Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.
- Text Field
Input yang digunakanakanberupakotak text
- Password Field
Password field adalahkotak yang ketikaandamenuliskan password disitumaka huruf akan diganti dengan symbol lingkaran untuk melindungi tulisan password yang diketik.
- Radio Button
Digunakanuntukmemilihinputanhanyasatupilihansaja. Contoh: Jeniskelamin
- Drop Down List / Combo box
- Check box
Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu pilihan .
- Submit Button
<input type="submit">mendefinisikansebuah submit button.
- Text Area
Text Areaseperti text field namun bedanya adalah text area dapat terdiri dari beberapa line/baris dan kolom
- HTML Tables style
- HTML Table dengan attribute Border dan Width
Penggunaan border padagambar 2.10, digunakan untuk memberi kangaris di sekitar table sedangkan style=”width 100%” menunjukkan lebar table tersebut adalah 100% darilebar pixel layar monitor yang digunakan saat membuka browser.
- HTML Table dengan span row (menggabungkan beberapabaris)
Gunakan attribute rowspan = “ banyakbaris>” untuk menggabungkan beberapa baris dari tabel.
- HTML Table dengan span column (menggabungkan beberapa kolom)
Gunakan attribute colspan = “ banyak kolom ” untuk menggabungkan beberapa baris dari tabel.
- HTML Table dengan caption / judul
Gunakan tag caption/caption untuk membuat judul pada table Tag <caption..</caption>harusdimasukkansetelah tag <table>.
- HTML Table dengan background color
Penggunaan attribute bgcolor dapat menggunakan bilangan hexa atau dengan namawarna yang sudahumumseperti “Red”, “Yellow”, Green”, “Light Green”, dan lain-lain.