Overview A group of related options is a group in which all the items lie under the same category. For example apple, banana, kiwi all lie under the same group called fruits and BMW, Audi, G-Wagon these all lie under a category of cars. So sometimes to give a good user experience we need to define a category under which the other options lie. For this there is a tag in HTML to provide a feature, to group the same options under a category known as “” tag. Syntax The syntax to define the group of related options is ... Read More

Overview The Grid icon in any web application can also be developed using jQuery Mobile, as the jQuery mobile icon library provides the benefit of many icons. So to create the jQuery Grid icon there are some pre-built classes by the jQuery icon library that can be used to create the grid icon. As we define the class name for any element in the bootstrap to create a component the same as it is we have to define the class in the HTML element which will create a grid icon. Approach To create a clickable grid icon button ... Read More

Overview Buttons are the components in HTML which perform a certain action when clicked. Various buttons perform various actions. The HTML has some predefined buttons with a certain type of action. In a HTML form when the tag is used by default, the simple button inside the form tag is of type submit. So when you click on a button inside the form tag it will submit the form on your desired path and depends on the GET and POST request. The submit location is defined in the action attribute of the form. The HTML form by default is ... Read More

Overview To create a HTML form fully dynamic can be created using some of the Document Object Model (DOM) methods such as createElement(), setAttribute(), appendChild(). These DOM methods will help us to build a dynamic HTML form. Our approach to building this dynamic form will be by creating all the elements in the script tag , setting the attribute to add some functionality and at last when our element is ready to serve we will append it in the parent of the element. So all the elements appended inside the parent form tag are the children elements. Syntax The ... Read More

Overview The Frequent Asked Question (FAQ) is the main feature for the website which deals with the selling of products, registration for training or companies in a particular domain. There are many problems which arise for many users or can arise, so these questions and the solution for these problems are displayed in the FAQ section, so that if any user is facing any error he can resolve it by going through the FAQ part of the website and can continue his work. Approach The main approach to make a FAQ is an accordion. All the frequently asked questions ... Read More

Overview To attain the options in the Dropdown list without disturbing the frontend of the web page can be with the help of array. As in the array we can store as many numbers of the option or values. So without directly putting those values in the HTML part of the code in the select tag we can render them from an array which makes it easy to add more value without disturbing the User Interface (UI) of the page. Approach This is a very simple technique, by using this technique we can easily render the options value to ... Read More

Overview To make the images of the fixed size can be done by styling the tag. We can style each tag and set its width and height by its tag name, class name or id name. The only thing is that while styling we have to carefully use the “.”, “#”, “tag”. As because tag name can be directly used styled but class name and id name cannot be directly used they are written followed by “.className”, “#idName” respectively. Approach The main approach to attain this task is to style the tag only once in the ... Read More

Overview The number of the text lines inside the Document Object Model (DOM) element whether it would be any element that is , or can be deliberate mainly in two approaches. In the first approach we will be dividing the “offsetHeight” that is height of the DOM element with the line height in output which will give the total number of lines. In the second approach we will be using the split() method of an array in which we will be passing the line break literal as argument. So the array will be created of the elements ... Read More

Overview To count for the number of rows and columns in a table can be calculated by using the “length” property in jQuery. To achieve this solution we will target the HTML element of the table to count the number of columns, to count the number of rows in a table we will target the table tag. We can also target the element in parent to child form also such as “table tr th” this will target the head of the table for calculating the columns. Syntax The syntax used to count the number of rows and ... Read More

CSS, or Cascading Style Sheets, is a powerful tool that provides a range of effects to create beautiful, dynamic web pages. One of the most important tools in the CSS is the ability to rotate elements. Rotating elements, create a unique designs and animations that capture users' attention and help communicate the message. Here, we will explore how to set a rotated element's base placement in CSS. Transform Property in CSS The Transform property allows to apply various transformations to elements, including rotation, scaling, and skewing. When a transform is applied to an element, the base location of the element ... Read More