Cara Membuat Looping Dengan Checkbox di HTML

Cara Membuat Looping Dengan Checkbox di HTML

Fungsi Checkbox biasanya digunakan untuk memilih hal yang diinginkan atau disukai, Penerapan looping atau checkbox ini sering kita temui pada halaman form pendaftaran mahasiswa, seperti memilih jurusan apa saja yang diinginkan. penerapan checkbox ini tidak dapat dihindari, maka dari itu, penting sekali bagi kamu untuk mengetahui baaimana caranya membuat suatu looping dengan HTML.

Untuk membuat looping dengan checkbox, kita hanya perlu menambahkan atribut pada tag input. atribut tersebut yaitu “type=checkbox”, kurang lebih penulisannya seperti kode berikut ini :

<input type=”checkbox”>

 

Mari kita coba untuk sisipkan pada kode HTML, Pertama yang harus kamu punya adalah software seperti notepad & google chrome, dan juga hardware seperti laptop atau computer. Yang kedua, Buka notepad kalian lalu ketikkan format html berikut:
<html>
<head>
<title>ini judul</title>
</head>
<body>

<center>PILIH ARTIS-ARTIS PAFORIT KAMU</center>

<form action="proses.php" method="POST">
     <table>
          <tr><td><input type="checkbox" value="michael jacksen"/>michael jacksen</td></tr>
          <tr><td><input type="checkbox" value="luna maya"/>luna maya</td></tr>
          <tr><td><input type="checkbox" value="ari laso"/>ari laso</td></tr>
          <tr><td><input type="checkbox" value="carli"/>carli</td></tr>
          <tr><td><input type="checkbox" value="michael jacksen"/>ari prayogi putra</td></tr>
          <tr><td><input type="checkbox" value="aprap"/>aprap</td></tr>
          <tr><td><input type="checkbox" value="julia perez"/>julia perez</td></tr>
          <tr><td><input type="checkbox" value="rina nose"/>rina nose</td></tr>
          <tr><td><input type="checkbox" value="syahrini"/>syahrini</td></tr>
          <tr><td></td></tr>
          <tr><td><input type="submit" value="OKE"></td></tr>
     </table>
</form>
</body>
</html>

Selanjutnya simpan dengan nama checkbox_belajar.html, silahkan buka dengan browser yang kamu pakai, hasilnya akan tampak seperti gambar berikut :

pembuatan looping pada html
Penjelasan fungsi kode:

untuk membuat Looping, kamu hanya perlu kode <input type=”checkbox”>, kode tersebut berfungsi untuk menampilkan berbagai pilihan kepada user. kode tag ini juga sering dipakai dalam Quis dan penilaian karakter seseorang.

Jadi, Fungsi Checkbox ini dapat kamu kembangkan sendiri sesuai kebutuhan. sebelumnya saya pernah membahas tentang suatu kode HTML, yaitu pembahasan tentang pembuatan form pemesanan.

Cara Membuat Form Pemesanan dengan HTML

Leave a Comment

Your email address will not be published. Required fields are marked *