Input Types Lainnya

by oktaviardi pratama

HTML

<form action="proses.php" method="POST">

        <!-- Radio Button (Pilihan Tunggal) -->
        <p>Jenis Kelamin:</p>
        <!-- Perhatikan name="gender" sama semua -->
        <input type="radio" id="pria" name="gender" value="pria" checked>
        <label for="pria">Pria</label>

        <input type="radio" id="wanita" name="gender" value="wanita">
        <label for="wanita">Wanita</label>
        <br><br>

        <!-- Checkbox (Pilihan Banyak) -->
        <p>Minat (Boleh pilih lebih dari satu):</p>
        <input type="checkbox" id="minat1" name="minat[]" value="coding">
        <label for="minat1">Coding</label>

        <input type="checkbox" id="minat2" name="minat[]" value="design">
        <label for="minat2">Desain</label>

        <input type="checkbox" id="minat3" name="minat[]" value="marketing">
        <label for="minat3">Marketing</label>
        <br><br>

        <!-- Date Input -->
        <label for="tgl_lahir">Tanggal Lahir:</label><br>
        <input type="date" id="tgl_lahir" name="tgl_lahir">
        <br><br>

        <!-- Color Input -->
        <label for="warna_favorit">Pilih Warna Favorit:</label><br>
        <input type="color" id="warna_favorit" name="warna_favorit" value="#ff0000">
        <br><br>

        <!-- Range Input (Slider) -->
        <label for="volume">Volume Suara:</label><br>
        <input type="range" id="volume" name="volume" min="0" max="100" step="10" value="50">
        <br><br>

        <button type="submit">Kirim</button>

    </form>