Membuat Dropdown Select di Bootstrap, Hanya Dapat Pilih Satu Saja !

Untuk membuat dropdown select pada Bootstrap tidak sulit, cukup salin kode berikut dan tempelkan di situs Bootstrap di mana ingin menampilkan dropdown select...


Pada beberapa formulir HTML Bootstrap biasanya memerlukan dropdown select, apa itu dropdown select ? Dropdown Select adalah daftar pilihan yang disediakan berupa dropdown, hanya dapat dipilih satu dari beberapa pilihan yang ada. Contohnya seperti ini:

gambar 1 - contoh dropdown select bootstrap

Kita contohkan dengan pemilihan jurusan di perkuliahan, para mahasiswa dapat memilih 1 jurusan dari daftar jurusan yang telah disediakan. Umumnya dropdown select diberi kosong atau strip pada urutan pertamanya (default) artinya mahasiswa belum memilih, ketika di klik akan muncul pilihan lain seperti yang terlihat pada gambar.

Untuk membuat dropdown select pada Bootstrap tidak sulit, cukup salin kode berikut dan tempelkan di situs Bootstrap di mana ingin menampilkan dropdown select:

<h2>Dropdown Select Bootstrap - Posciety.Com</h2>
<form>
  <div class="form-group">
    <label for="sel1">Pilih Jurusan:</label>
    <select class="form-control" id="pilihJurusan">
    	<option>-</option>
      <option>Sistem Informasi</option>
      <option>Teknik Informatika</option>
      <option>Teknik Sipil</option>
    </select>
  </div>
</form>

Tambahkan pilihan lain dengan menambahkan <option> di bawah, maka pilihan tersebut akan tampil juga di halaman depan dan berjajar ke bawah.

Selamat mencoba !


Jangan Lupa Share !!!

69
10 shares, 69 points

Apa Reaksimu ?

Bingung Bingung
4
Bingung
Kesal Kesal
2
Kesal
OMG OMG
4
OMG
Takut Takut
3
Takut
Keren Keren
1
Keren
Sedih Sedih
6
Sedih
Posciety Tech

Advanced Competent

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi. Dikelola oleh tim Posciety Tech.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki