Berikut cara membuat komponen select pada web dengan kode html

 on Selasa, 17 Mei 2016  

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>


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. Sedangkan value=”nilai” merupakan nilai dari setiap pilihan yang diberikan. Berikut ini adalah contoh penggunaan dari komponen input bertipe ‘select’ :

<html>
<head>
<title>Form</title>
</head>
<body>
Pilih Jurusanmu :
<form>
<select name="jurusan">
<option value="informatika">informatika</option>
<option value="matematika">matematika</option>
<option value="kimia">kimia</option>
<option value="biologi">biologi</option>
<option value="fisika">fisika</option>
</select>
</form>
</body>
</html>





Hasil dari halaman form di atas adalah seperti pada gambar diatas kita bisa mengisi jurusan sesuai dengan yang kita mau.

Berikut cara membuat komponen select pada web dengan kode html 4.5 5 b Selasa, 17 Mei 2016 Komponen select Komponen input dengan tipe ‘select’ adalah komponen input dengan banyak pilihan nilai dan hanya memungkinkan untuk memilih ...


Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.