Rabu, 17 Agustus 2016

: Menyajikan Komponen Entri Pilihan




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