Onsen UI CSS Component Basic Checkbox Last Updated : 29 Jun, 2022 Comments Improve Suggest changes Like Article Like Report Onsen UI CSS is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Checkboxes are used for instances where a user may wish to select multiple options, such as in the instance of a “check all that apply” question, in forms. Onsen UI CSS Component Basic Checkbox is used to create the basic checkbox using the Onsen UI Checkbox classes. Onsen UI CSS Component Basic Checkbox Classes: checkbox: This class is used to create the checkbox.checkbox__input: This class is used to create the checkbox input.checkbox__checkmark: This class is used to create the checkbox checkmark. Syntax: <label class="checkbox"> <input type="checkbox" class="checkbox__input"> <div class="checkbox__checkmark"></div> ... </label> Example 1: The following example demonstrates the Onsen UI CSS Component Basic Checkbox. HTML <!DOCTYPE html> <html> <head> <!-- CDN links of Onsen UI library --> <link rel="stylesheet" href= "https://unpkg.com/onsenui/css/onsenui.css"> <link rel="stylesheet" href= "https://unpkg.com/onsenui/css/onsen-css-components.min.css"> <script src= "https://unpkg.com/onsenui/js/onsenui.min.js"> </script> </head> <body> <center> <h2 style="color: green;"> GeeksforGeeks </h2> <strong> Onsen UI CSS Component Basic Checkbox </strong> <br> <br> <label class="checkbox"> <input type="checkbox" class="checkbox__input"> <div class="checkbox__checkmark"> </div> GeeksforGeeks </label> </center> </body> </html> Output: Example 2: The following example demonstrates the Onsen UI CSS Component Basic Checkbox. HTML <!DOCTYPE html> <html> <head> <!-- CDN links of Onsen UI library --> <link rel="stylesheet" href= "https://unpkg.com/onsenui/css/onsenui.css"> <link rel="stylesheet" href= "https://unpkg.com/onsenui/css/onsen-css-components.min.css"> <script src= "https://unpkg.com/onsenui/js/onsenui.min.js"> </script> </head> <body> <center> <h2 style="color: green;"> GeeksforGeeks </h2> <strong> Onsen UI CSS Component Basic Checkbox </strong> <br> <br> <label class="checkbox"> <input type="checkbox" class="checkbox__input"> <div class="checkbox__checkmark"> </div> Java </label> <label class="checkbox"> <input type="checkbox" class="checkbox__input" checked> <div class="checkbox__checkmark"> </div> C++ </label> <label class="checkbox"> <input type="checkbox" class="checkbox__input" disabled> <div class="checkbox__checkmark"> </div> Python </label> </center> </body> </html> Output: Reference: https://onsen.io/v2/api/css.html#checkbox-category Comment More infoAdvertise with us Next Article Onsen UI CSS Component Material Checkbox H harendra4373 Follow Improve Article Tags : Web Technologies CSS Onsen-UI Onsen-UI CSS-Components Similar Reads Onsen UI Checkbox CSS Components Onsen UI CSS is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Checkboxes are used for instances where a user may wish to select multiple options, such as in the instance of a “check a 2 min read Onsen UI CSS Component No border Checkbox Onsen UI CSS is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Onsen UI CSS Component No border Checkbox is used to create the checkbox without the border. To create the No border chec 2 min read Onsen UI CSS Component Material Checkbox Onsen UI CSS is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Checkboxes are used for instances where a user may wish to select multiple options, such as in the instance of a “check a 2 min read Onsen UI CSS Component Basic Radio Button Onsen UI is an innovative and practical HTML5 framework that is available for free (UI). Additionally, it makes UI creation simpler so that app developers may concentrate on the functionality of the software. With a large selection of high-quality UI elements made specifically for mobile apps and pa 3 min read Onsen UI CSS Component Basic Switch Onsen UI is a free open-source HTML5 framework for creating unique and usable UIs (UI). It also streamlines UI development, allowing app developers to focus on the program's functionality. Onsen UI is a large collection of powerful user interface components designed specifically for mobile apps and 3 min read Onsen UI CSS Component Checkbox in List Item Onsen UI CSS is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Checkboxes are used for instances where a user may wish to select multiple options, such as in the instance of a “check a 2 min read Like