Membuat Switch

Switch yaitu elemen dalam form yang dapat diaktifkan atau di non-aktifkan yang dapat menggantikan radio button atau checkbox dengan tampilan yang lebih cantik. Cara membuat switch yaitu dengan menambah class .switch pada tag <div> yang di dalamnya terdapat radio button atau checkbox.

Skrip switch.html

<form>

    <span class="switch">

        <input type="radio" name="option" id="switch" checked>

        <label for="switch1"> Example Radio Switch</label>

    </span>

    <span class="switch radius">

        <input type="radio" name="option" id="switch2"

        <label for="switch2"> Example Radio Switch</label>

    </span>

    <div class="switch round">

        <input type="checkbox" id="switch3">

        <label for="switch3"> Example Checkbox Switch</label>

    </div>

</form>

Share :