SlideShare a Scribd company logo
1 of 5
Download to read offline
Assalamualaikum wr wb…..,
Disini saya akan berbagi cara tentang
REVIEW HTML 5 PART 2 ( FORM + TABLE) di Modul 2
Password Field
Password field adalah kotak yang ketika anda menuliskan password disitu maka
huruf akan diganti dengan simbol lingkaran untuk melindungi tulisan password
syntax-nya di bawah ini, beserta hasilnuya.
Radio Button
Digunakan untuk memilih inputan hanya satu pilihan saja. Contoh: Jenis kelamin.
Drop Down List / Combo box
Check box
Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu
pilihan .
Submit Button
Text Area
Text Area seperti text field namun bedanya adalah text area dapat terdiri dari
beberapa line/baris dan kolom.
Tables
Table dengan span row (menggabungkan beberapa baris)
Gunakan attribute rowspan = “ banyak baris>” untuk menggabungkan beberapa baris
dari tabel.
Table dengan span column (menggabungkan beberapa kolom)
Gunakan attribute colspan = “ banyak kolom ” untuk menggabungkan beberapa baris
dari tabel.
Table dengan caption / judul
Gunakan tag caption /caption untuk membuat judul pada tabel Tag
<caption..</caption> harus dimasukkan setelah tag <table>.
Table dengan background color
Penggunaan attribute bgcolor dapat menggunakan bilangan hexa atau dengan
nama warna yang sudah umum seperti “Red”, “Yellow”, Green”, “Light Green”, dan
lain-lain.
Selesai, terima kasih..!!

More Related Content

More from iswan_di

Demo aplikasi
Demo aplikasiDemo aplikasi
Demo aplikasiiswan_di
 
Penambahan menu atau tampilan
Penambahan menu atau tampilanPenambahan menu atau tampilan
Penambahan menu atau tampilaniswan_di
 
Next client server
Next client serverNext client server
Next client serveriswan_di
 
Assalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuuAssalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuuiswan_di
 
Login client server
Login client serverLogin client server
Login client serveriswan_di
 
Membuat aplikasi mengenal tanaman obat tradisional
Membuat aplikasi mengenal tanaman obat tradisionalMembuat aplikasi mengenal tanaman obat tradisional
Membuat aplikasi mengenal tanaman obat tradisionaliswan_di
 
Membuat text to speech pada android
Membuat text to speech pada androidMembuat text to speech pada android
Membuat text to speech pada androidiswan_di
 
Membuat text to speech pada android
Membuat text to speech pada androidMembuat text to speech pada android
Membuat text to speech pada androidiswan_di
 
Membuat perhitungan luas persegi panjang pada adt
Membuat perhitungan luas persegi panjang pada adtMembuat perhitungan luas persegi panjang pada adt
Membuat perhitungan luas persegi panjang pada adtiswan_di
 
Membuat menu group pada android
Membuat menu group pada androidMembuat menu group pada android
Membuat menu group pada androidiswan_di
 
Membuat spinner array pada adt
Membuat spinner array pada adtMembuat spinner array pada adt
Membuat spinner array pada adtiswan_di
 
Membuat tampilan list array adapter menggunakan adt
Membuat tampilan list array adapter menggunakan adtMembuat tampilan list array adapter menggunakan adt
Membuat tampilan list array adapter menggunakan adtiswan_di
 
Form login dengan eclipse android sdk dan adt
Form login dengan eclipse android sdk dan adtForm login dengan eclipse android sdk dan adt
Form login dengan eclipse android sdk dan adtiswan_di
 

More from iswan_di (20)

Csa
CsaCsa
Csa
 
Blog 10
Blog 10Blog 10
Blog 10
 
Demo aplikasi
Demo aplikasiDemo aplikasi
Demo aplikasi
 
Blog 8
Blog 8Blog 8
Blog 8
 
Tugas uts
Tugas utsTugas uts
Tugas uts
 
Penambahan menu atau tampilan
Penambahan menu atau tampilanPenambahan menu atau tampilan
Penambahan menu atau tampilan
 
Next client server
Next client serverNext client server
Next client server
 
Blog 4
Blog 4Blog 4
Blog 4
 
Blog 3
Blog 3Blog 3
Blog 3
 
Assalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuuAssalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuu
 
Login client server
Login client serverLogin client server
Login client server
 
Membuat aplikasi mengenal tanaman obat tradisional
Membuat aplikasi mengenal tanaman obat tradisionalMembuat aplikasi mengenal tanaman obat tradisional
Membuat aplikasi mengenal tanaman obat tradisional
 
Membuat text to speech pada android
Membuat text to speech pada androidMembuat text to speech pada android
Membuat text to speech pada android
 
Membuat text to speech pada android
Membuat text to speech pada androidMembuat text to speech pada android
Membuat text to speech pada android
 
Membuat perhitungan luas persegi panjang pada adt
Membuat perhitungan luas persegi panjang pada adtMembuat perhitungan luas persegi panjang pada adt
Membuat perhitungan luas persegi panjang pada adt
 
Membuat menu group pada android
Membuat menu group pada androidMembuat menu group pada android
Membuat menu group pada android
 
Membuat spinner array pada adt
Membuat spinner array pada adtMembuat spinner array pada adt
Membuat spinner array pada adt
 
Membuat tampilan list array adapter menggunakan adt
Membuat tampilan list array adapter menggunakan adtMembuat tampilan list array adapter menggunakan adt
Membuat tampilan list array adapter menggunakan adt
 
Form login dengan eclipse android sdk dan adt
Form login dengan eclipse android sdk dan adtForm login dengan eclipse android sdk dan adt
Form login dengan eclipse android sdk dan adt
 
Sq lite
Sq liteSq lite
Sq lite
 

Recently uploaded

Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjd
Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjdCo-funding Pitchdeck 2024.pptxhdhddjdjdjddjjd
Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjdveinlatex
 
PPT Mengenai Pengelolaan Penataan Kearsipan.pptx
PPT Mengenai Pengelolaan Penataan Kearsipan.pptxPPT Mengenai Pengelolaan Penataan Kearsipan.pptx
PPT Mengenai Pengelolaan Penataan Kearsipan.pptxmuhnurmufid123
 
IMC Campaign - Integrated Marketing Communication Bingo
IMC Campaign - Integrated Marketing Communication BingoIMC Campaign - Integrated Marketing Communication Bingo
IMC Campaign - Integrated Marketing Communication BingoAdePutraTunggali
 
undangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docundangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docLaelaSafitri7
 
IMC design - Safety Riding Campaign - Mask Up
IMC design - Safety Riding Campaign - Mask UpIMC design - Safety Riding Campaign - Mask Up
IMC design - Safety Riding Campaign - Mask UpAdePutraTunggali
 
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdf
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdfModul 1.2 Jurnal Refleksi Dwi Mingguan.pdf
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdfAndiAliyah2
 

Recently uploaded (6)

Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjd
Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjdCo-funding Pitchdeck 2024.pptxhdhddjdjdjddjjd
Co-funding Pitchdeck 2024.pptxhdhddjdjdjddjjd
 
PPT Mengenai Pengelolaan Penataan Kearsipan.pptx
PPT Mengenai Pengelolaan Penataan Kearsipan.pptxPPT Mengenai Pengelolaan Penataan Kearsipan.pptx
PPT Mengenai Pengelolaan Penataan Kearsipan.pptx
 
IMC Campaign - Integrated Marketing Communication Bingo
IMC Campaign - Integrated Marketing Communication BingoIMC Campaign - Integrated Marketing Communication Bingo
IMC Campaign - Integrated Marketing Communication Bingo
 
undangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docundangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.doc
 
IMC design - Safety Riding Campaign - Mask Up
IMC design - Safety Riding Campaign - Mask UpIMC design - Safety Riding Campaign - Mask Up
IMC design - Safety Riding Campaign - Mask Up
 
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdf
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdfModul 1.2 Jurnal Refleksi Dwi Mingguan.pdf
Modul 1.2 Jurnal Refleksi Dwi Mingguan.pdf
 

HTML5FORM

  • 1. Assalamualaikum wr wb….., Disini saya akan berbagi cara tentang REVIEW HTML 5 PART 2 ( FORM + TABLE) di Modul 2 Password Field Password field adalah kotak yang ketika anda menuliskan password disitu maka huruf akan diganti dengan simbol lingkaran untuk melindungi tulisan password syntax-nya di bawah ini, beserta hasilnuya. Radio Button Digunakan untuk memilih inputan hanya satu pilihan saja. Contoh: Jenis kelamin. Drop Down List / Combo box
  • 2. Check box Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu pilihan . Submit Button
  • 3. Text Area Text Area seperti text field namun bedanya adalah text area dapat terdiri dari beberapa line/baris dan kolom. Tables Table dengan span row (menggabungkan beberapa baris) Gunakan attribute rowspan = “ banyak baris>” untuk menggabungkan beberapa baris dari tabel.
  • 4. Table dengan span column (menggabungkan beberapa kolom) Gunakan attribute colspan = “ banyak kolom ” untuk menggabungkan beberapa baris dari tabel. Table dengan caption / judul Gunakan tag caption /caption untuk membuat judul pada tabel Tag <caption..</caption> harus dimasukkan setelah tag <table>.
  • 5. Table dengan background color Penggunaan attribute bgcolor dapat menggunakan bilangan hexa atau dengan nama warna yang sudah umum seperti “Red”, “Yellow”, Green”, “Light Green”, dan lain-lain. Selesai, terima kasih..!!