Program HTML Input Type Checkbox

Hello guys, Berjumpa dengan Miniblog dari Inzaghi's Blog! Kali ini kita akan membuat Program HTML Input Type Checkbox untuk membuat Form seperti Pemilihan sesuatu.

Sumber : Dosenit.comJagongoding.comJavatpoint.com, dan W3schools.com


Selanjutnya adalah Tipe Input Checkbox atau Cek List. Bedanya dengan Radio, kita bisa memilih lebih dari satu pilihan dalam satu set opsi.

Mari kita ganti semua type="radio" pada kode sebelumnya menjadi type="checkbox".

Contoh :

<form>
  Jenis Kelamin : <br />

  <div>
    <input id="lk" type="checkbox" name="jenis_kelamin" />
    <label for="lk">Laki-Laki</label>
  </div>

  <div>
    <input id="pr" type="checkbox" name="jenis_kelamin" />
    <label for="pr">Perempuan</label>
  </div>

  Bahasa Pemrograman Favorit : <br />

  <div>
    <input id="python" type="checkbox" name="bahasa_pemrograman" />
    <label for="python">Python</label>
  </div>

  <div>
    <input id="java" type="checkbox" name="bahasa_pemrograman" />
    <label for="java">Java</label>
  </div>

  <div>
    <input id="php" type="checkbox" name="bahasa_pemrograman" />
    <label for="php">PHP</label>
  </div>

  <div>
    <input id="cpp" type="checkbox" name="bahasa_pemrograman" />
    <label for="cpp">C++</label>
  </div>
</form>

Output :

Jenis Kelamin :
Bahasa Pemrograman Favorit :


Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post