How to create Mini Horizontal Selects controlgroup using jQuery Mobile ? Last Updated : 14 Dec, 2020 Comments Improve Suggest changes Like Article Like Report jQuery Mobile is a web based technology used to make responsive content that can be accessed on all smartphones, tablets and desktops. In this article, we will be making a Mini horizontal selects controlgroups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> Example 1: HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> Mini horizontal Selects using jQuery Mobile </h4> </center> <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" /> <legend>GeeksforGeeks</legend> <select name="gfg1" id="gfg"> <option value="#">Geeks1</option> <option value="#">Geeks2</option> <option value="#">Geeks3</option> </select> <select name="gfg2" id="gfg"> <option value="#">Geeks1</option> <option value="#">Geeks2</option> <option value="#">Geeks3</option> </select> <select name="gfg3" id="gfg"> <option value="#">Geeks1</option> <option value="#">Geeks2</option> <option value="#">Geeks3</option> </select> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> Mini Horizontal Selects using jQuery Mobile </h4> </center> <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" /> <legend>GeeksforGeeks</legend> <select name="gfg1" id="gfg"> <option value="#">One</option> <option value="#">Two</option> <option value="#">Three</option> </select> <select name="gfg2" id="gfg"> <option value="#">One</option> <option value="#">Two</option> <option value="#">Three</option> </select> <select name="gfg3" id="gfg"> <option value="#">One</option> <option value="#">Two</option> <option value="#">Three</option> </select> </body> </html> Output: Comment More infoAdvertise with us Next Article How to create Mini Vertical selects controlgroups using jQuery Mobile ? T taran910 Follow Improve Article Tags : JQuery jQuery-Misc jQuery-Mobile Similar Reads How to create Horizontal selects controlgroups using jQuery Mobile ? jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making a Horizontal selects controlgroups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project 1 min read How to create Mini Horizontal Radio button controlgroups using jQuery Mobile? jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making a Mini Horizontal Radio button control groups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for y 1 min read How to create Mini Vertical selects controlgroups using jQuery Mobile ? jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making a Mini Vertical selects controlgroups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your proj 1 min read How to make a Mini sized horizontal controlgroups using jQuery Mobile? To use jQuery Mobile, a web-based technology for creating responsive content, to create mini-sized horizontal control groups. This will enhance your user interface with a sleek and compact design for all devices. Example 1: The example below shows the jQuery Mobile to create a mini-sized horizontal 2 min read How to make a horizontal controlgroup using jQuery Mobile ? jQuery Mobile is a web based technology used to make responsive content that can be accessed on all smartphones, tablets and desktops. In this article, we will be making a horizontal controlgroups using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel=" 2 min read How to make Mini Horizontal Checkbox Controlgroups using jQuery Mobile ? The jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. Mini Horizontal Checkbox Controlgroups button can be easily made using jQuery Mobile. Including Scripts: You can add jQuery mobile scripts into your project by 1 min read Like