Assalamualaikum Warahmatullahi Wabarakatuh
Salam sehat dan sejahtera untuk kita semua. di kesempatan kali ini saya akan memberikan sedikit ilmu mengenai HTML yang akan sangat berguna pada zaman sekarang yang sudah beradaptasi pada era digitalisasi seperti sekarang, yaitu membuat sebuah form dengan dasar HTML. Untuk membuat sebuah form pada sebuah HTML diperlukan pengetahuan-pengetahuan dasar mengenai HTML yang akan mempermudah kalian dalam membuat nya nanti. Tapi untuk sekarang disimak dulu ya cara pembuatan nya yang simple dan sederhana.
1. Download Bahan kemudian extract dulu yaa biar gak ribet lagi
https://drive.google.com/drive/folders/1Tfyh3bFMvL466xRNiAftz17opVY-TsB2?usp=sharing
2. Install dulu seperti kalian mengisntall aplikasi pada biasanya
3. Berikut tampilan awal dari Sublime Text
4. Buka file Tugas 2 pada folder HTML2 dengan cara Open with >Sublime Text (Jika kalian menggunakan MacOS buka di folder MACOSX)
5. Maka akan Muncul Tampilan seperti ini
6. Jika kita mau menambahkan Kolom input form, kalender atau opsi pilihan ganda. Misal kita contohkan untuk inputan satu bagan form diperlukan kode seperti berikut :
Untuk kode-kode lainnya seperti berikut :
Memunculkan Textbox singkat : input type="text"
Memunculkan kalender untuk menentukan tanggal dan tahun : input type="date"
Memunculkan pilihan ganda dengan satu pilihan saja : input type="radio"
Memunculkan pilihan ganda dengan pilihan banyak : input type="checkbox"
Contoh memunculkan option value :
Contoh memunculkan textbox panjang :
Contoh penutup HTML agar terkirim ke database :
7. Berikut adalah hasil dari kode HTML yang telah dibangun
Berikut merupakan tips dari saya untuk yang ingin memulai membuat form pada HTML. untuk turtorial lebih lanjut dan advance nya bisa cek di youtube yaa banyak banget. Tetap semangat belajar dan mencari pengalaman baru.
Sekian Terimaksih :)