Media Informasi dan Teknologi: Contoh Menggunakan Elemen Check Box

Cara untuk memperoleh data yang dikirim melalui elemen check box relatif rumit dibandingkan dengan elemen text field dan text area. Pasalnya, disini ada kalanya kita perlu menggunakan array untuk menanganinya. Check box adalah elemen kontrol yang mengizinkan user untuk memilih lebih dari satu opsi, misalnya pada form yang meminta user memasukan data hobi, dimana user dapat memilih dari satu hobi

Buka aplikasi text editor, notepad, atau adobe dreamweaver yang sering digunakan untuk teks editornya
Tuliskan kode berikut :

<html>
<head>
<title>Elemen Check Box</title>
</head>
<body>
<h2>Menggunakan Elemen Check Box</h2>
<form action="checkbox.php" method="post">
    <input type="checkbox" name="hobi[]"
        value="Olahraga">Olahraga<br>
       <input type="checkbox" name="hobi[]"
        value="Memancing">Memancing<br>
       <input type="checkbox" name="hobi[]"
        value="Membaca">Membaca<br>
       <input type="checkbox" name="hobi[]"
        value="Travelling">Travelling<br>
       <input type="submit" value="Kirim">
</form>
</body>
</html>

Simpan file dengan nama checkbox.html, di C:/xampp/htdocs/
Buatlah file baru, dan tuliskan kode berikut :

<?php
    $hobi = $_POST[ "hobi"];
    echo "<p>Hobi yang anda pilih :</p>";
    foreach ($hobi as $nilai) {
       echo "- $nilai <br>";
    }
?>

Simpan file dengan nama checkbox.php
Jalankan browser dan masukan http://localhost/checkbox.html
Pilihlah hobi seperti dibawah

Dan hasilnya seperti ini

Media Informasi dan Teknologi

Laman

Contoh Menggunakan Elemen Check Box

Tidak ada komentar:

Posting Komentar