1.1) 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.
Contoh bentuk tampilannya adalah sebagai berikut :
<!doctype html>
<html>
<head>
<title>input file
</title>
</head>
<body>
<font face="Courier New,
Courier, mono">---- Tambahkan
File KRS ---
</font><br>
<form >
<input type="file"
name="pic" accept="image/*">
</form>
</body>
2)
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).
Atau bisa dikatakan bahwa komponen
input checkbox digunakan sebgai masukan untuk data atau nilai pilihan dengan
alternatif jawaban lebih dari 1 opsi pilihan. Tampilan dari komponen input ini
berupa kotak yang dapat diberi tanda centang/contreng. Jenis input ini biasa
digunakan untuk memasukkan data pilihan yang pilihannya bisa lebih dari satu,
seperti hobby, makanan, dan lain-lain. Format tag HTML-nya adalah sebagai
berikut :
<input
type=checkbox name=name value=value>
<input
type=checkbox name=name value=value checked>
Setiap komponen input harus diberikan
nama (name) yang berbeda karena data yang diolah di dalam pemrograman adalah
berdasarkan nilai (value) dari nama komponen input tersebut. Nilai dari
komponen checkbox berupa nilai boolean, yakni true apabila dicentang dan false
apabila input pilihan tersebut tidak dicentang.
Berikut ini adalah contoh penerapan
dari format form input check box
<!doctype
html>
<html>
<head>
<title>FORM
INPUT</title>
</head>
----
KETERANGAN ----
<form>
<input
type="checkbox" name="vehicle" value=" Sakit "
>Sakit<br>
<input
type="checkbox" name="vehicle"
value="Ijin">Ijin<br>
<input
type="checkbox" name="vehicle"
value="Tanpa">Tanpa
Keterangan<br>
</form>
</body>
</html>
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>
§ k omponen
input image bertujuan untuk memasukan file gambar yang dibutuhkan oleh sistem
web, misalnya saja file gambar foto.jpg.
Tidak ada komentar:
Posting Komentar