Jenis-Jenis Form pada Bootstrap

Hai jumpa lagi dengan saya, kali ini saya akan sedikit memberikan informasi mengenaiÂ Jenis-jenis Form Pada Bootstrap, Nah bagi kalian yang baru menggunakan framework bootstrap ada baik nya kalian mengenali beberapa jenis form yang ada pada bootstrap.

Untuk mengetahui jenis apa saja form yang ada pada bootstrap langsung saja kita buat contoh nya, sebelum membuat contoh pertama kalian sudah harus punya file bootstrap nya. Kalo sudah silahkan ketikan kode berikut pada file index.html bootstrap.

<div class="form-group has-success has-feedback">
  <label class="control-label" for="inputSuccess2">Input with success</label>
  <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">
  <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
  <span id="inputSuccess2Status" class="sr-only">(success)</span>
</div>
<div class="form-group has-warning has-feedback">
  <label class="control-label" for="inputWarning2">Input with warning</label>
  <input type="text" class="form-control" id="inputWarning2" aria-describedby="inputWarning2Status">
  <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true"></span>
  <span id="inputWarning2Status" class="sr-only">(warning)</span>
</div>
<div class="form-group has-error has-feedback">
  <label class="control-label" for="inputError2">Input with error</label>
  <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
  <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
  <span id="inputError2Status" class="sr-only">(error)</span>
</div>
<div class="form-group has-success has-feedback">
  <label class="control-label" for="inputGroupSuccess1">Input group with success</label>
  <div class="input-group">
    <span class="input-group-addon">@</span>
    <input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status">
  </div>
  <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
  <span id="inputGroupSuccess1Status" class="sr-only">(success)</span>
</div>

Kalo sudah disimpan kemudian coba jalankan di browser masing-masing, nanti akan terlihat jenis form yang ada pada bootstrap. Sekian informasi yang dapat saya berikan, semoga bermanfaat buat kalian yang baru belajar menggunakan bootstrap, selamat mencoba.

Kategori