Menyajikan Komponen Entri
Pilihan
Form
HTML digunakan untuk memilih pelbagai macam inputan yang disediakan. Data bisa diinputan dalam komponen entri
pilihan, diantaranya input file, radio button, chexbox, select serta datalist.
a. Komponen
input file
Komponen input file berfungsi untuk
memasukan data file yang dibutuhkan kedalam sistem web yang dibuat. Format tag
HTML-nya adalah sebagai berikut :
<input
type=file name=name accept=mime type list>
Name=
“name” merupakan pemberian nama pada komponen input 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
b. Komponen
radio button
Pada form input radio button hanya ada
satu pilihan yang terseleksi,tidak bisa digunakan untuk multiple answer. Format
umum tag HTML dari Form Input Radio
Button adalah sebagai berikut :
<input
type=radio name=name value=value>
<input
type=radio name=name value=value checked>
Name= “name” merupakan pemberian nama
pada komponen input 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.
c. Komponen
chexbox
Komponen chexbox memiliki fungsi yang
hampir sama dengan radio button, yaitu untuk menentukan pilihan. Namun pada
chexbox dapat digunakan untuk memilih lebih dari satu jawaban (multi answer).
Format tag HTML-nya adalah sebagai
berikut :
<input
type=checkbox name=name value=value>
<input
type=checkbox name=name value=value checked>
d. Komponen
Input Image
Komponen input image bertujuan untuk
memasukan file gambar yang dibutuhkan oleh sistem web, misalnya saja file
gambar foto.jpg. Format tag HTML dengan atribut image adalah sebagai berikut :
<input
type=image name=name src="url">
<input
type=image name=name src="url" align="alignment">
e. Komponen
select
Komponen input dengan tipe ‘select’
adalah komponen input dengan banyak pilihan nilai dan hanya memungkinkan untuk
memilih 1 alternatif opsi pilihan. Istilah lain dari bentuk komponen ini adalah
combo box atau list box. Contoh penggunaan komponen ini adalah pemilihan data
agama, jurusan, pekerjaan, dan sebagainya.
Format umum Penulisan komponen select
adalah sebagai berikut :
<select name=”name”>
<option value="nilai1"> nilai1 </option>
<option value=" nilai2"> nilai2 </option>
<option value=" nilai3"> nilai3 </option>
<option value=" nilai4 "> nilai4</option>
</select>
<option value="nilai1"> nilai1 </option>
<option value=" nilai2"> nilai2 </option>
<option value=" nilai3"> nilai3 </option>
<option value=" nilai4 "> nilai4</option>
</select>
f. Komponen
datalist
Komponen datalist merupakan elemen
form baru pada HTML5. Datalist digunakan untuk membuat daftar list. Komponen
datalist memberikan dukungan autocomplete dasar untuk pilihan pada field input.
Komponen datalist merupakan pengabungan antara list dan field input dengan
atribut autocomplete. Saat membuat pilihan
pada datalist, bila terdapat huruf/item yang sama dengan data pada data list maka akan muncul item
yang cocok (fungsi autocomplete bekerja).
Format umum Penulisan komponen
datalist adalah sebagai berikut :
<input list="list">
<datalist id="id">
<option value="nilai1">
<option value=" nilai2">
<option value=" nilai3">
</datalist>
<datalist id="id">
<option value="nilai1">
<option value=" nilai2">
<option value=" nilai3">
</datalist>
