PKTI 2 C 652021 Minggu ke11 Rr Artiana
- Slides: 10
PK&TI 2 C 6/5/2021 (Minggu ke-11) Rr. Artiana Krestianti SAP PK&TI 2 C 1
Pendahuluan Pada saat seseorang mendaftarkan diri pada suatu organisasi, sekolah, institusi atau jejaring sosial atau apapun, ia harus mengisi beberapa hal yang diperlukan dalam sebuah formulir. Misalnya pada saat ingin mendaftar untuk bergabung dengan facebook, kita diminta untuk mengisi form sebagai berikut; 6/5/2021 SAP PK&TI 2 C 2
Contoh Form 6/5/2021 SAP PK&TI 2 C 3
Tipe masukan pada form html Dalam html disediakan tag untuk membuat form yaitu <form>, sedangkan area tempat kita memasukan data, disediakan tag masukan yaitu <input>. Tag input dapat berupa kotak teks, tombol, dan lain-lain. Tag input memiliki atribut type yang dapat digunakan untuk menentukan jenis masukan yang diinginkan. Macam-macam atribut type sebagai berikut; 6/5/2021 SAP PK&TI 2 C 4
Tipe masukan pada form html (lanjutan) Type text Keterangan Untuk menerima masukan berupa teks. Untuk menerima masukan berupa password. Teks passwor yang dimasukkan akan disamarkan dan akan terlihat d menjadi karakter-karakter tertentu, misalnya ***** atau • • • checkbo Untuk menerima masukan berupa pilihan. Pilihannya bisa lebih dari satu buah. x radio Untuk menerima masukan berupa pilihan. Pilihannya hanya satu buah pilihan dalam satu waktu. submit 6/5/2021 Tombol untuk menerima seluruh masukan dari SAP PK&TI 2 C pengguna. 5
Tipe masukan pada form html (lanjutan) Type Keterangan reset Tombol untuk membatalkan seluruh masukan dari pengguna. file Untuk menerima masukan berupa file. hidden Untuk masukan yang tidak perlu didapatkan dari pengguna namun masukan tersebut diambil atau diperoleh langsung dari kode program html. image Untuk menerima masukan berupa gambar yang dapat diklik. Fungsinya hampir mirip dengan submit. button Untuk membuat tombol yang dapat diklik oleh pengguna. SAP PK&TI 2 C 6/5/2021 6
Contoh form yang akan dibuat 6/5/2021 SAP PK&TI 2 C 7
Contoh program untuk membuat form 6/5/2021 SAP PK&TI 2 C 8
Contoh form yang telah diisi 6/5/2021 SAP PK&TI 2 C 9
6/5/2021 SAP PK&TI 2 C 10
