Page | 38 Bila listing kdoe diatas jalankan akan menghasilkan tampilan sebagai berikut :
Gambar 2.9 elemen form entri dan fieldset
c. Rangkuman.
Pada kegiatan belajar menyajikan komponen entri pilihandapat disimpulkan menjadi beberapa point penting seperti berikut :
Data bisa diinputan dalam komponen entri pilihan, diantaranya input file, radio button, chexbox, select serta datalist.
Komponen input file berfungsi untuk memasukan data file yang dibutuhkan kedalam sistem web yang dibuat
Format tag HTML input file adalah sebagai berikut : input type=file name=name accept=mime type list
Pada form input radio button hanya ada satu pilihan yang terseleksi Format tag HTML input radio button adalah sebagai berikut input
type=radio name=name value=value komponen input checkbox digunakan sebgai masukan untuk data atau
nilai pilihan dengan alternatif jawaban lebih dari 1 opsi pilihan. Format tag HTML input checkbox adalah sebagai berikut input
type=checkbox name=name value=value Komponen input image bertujuan untuk memasukan file gambar yang
dibutuhkan oleh sistem web, misalnya saja file gambar foto.jpg.
Di unduh dari : Bukupaket.com
Page | 39 Format tag HTML dengan atribut image adalah sebagai berikut : input
type=image name=name src=url Komponen input dengan tipe ‘select’ adalah komponen input dengan
banyak pilihan nilai dan hanya memungkinkan untuk memilih 1 alternatif opsi pilihan
Komponen datalist memberikan dukungan autocomplete dasar untuk pilihan pada field input
Name= “name” merupakan pemberian nama pada komponen input select sebagai nama dari komponen. Karena pada saat sistem web
dijalankan maka data yang diolah di dalam pemrograman adalah berdasarkan nilai value dari nama komponen input tersebut.
d. Tugas.
Sebelum mengerjakan tugas, buatlah kelompok. terdiri atas 2-3 orang. Dalam kegiatan ini masing-masing kelompok kerjakan tugas berikut :
1. Buatlah form dengan menggunakan seperti berikut ini
2. Buatlah form dengan menggunakan elemen fieldset seperti contoh berikut ini
Di unduh dari : Bukupaket.com
Page | 40 3. Kemudian secara bergantian masing-masing kelompok mempresentasikan
hasilnya didepan kelas.
e. Tes Formatif.
