Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
The toggling between a single checkbox and a group of checkboxes means that when a user checks one checkbox from a group, all other checkboxes in the group become unchecked, and when the user checks a special "clear" checkbox, all checkboxes in the group get unchecked. This functionality is useful for creating mutually exclusive selections or providing a convenient way to clear multiple checkboxes at once. Syntax Following is the syntax to uncheck all checkboxes in a group using JavaScript − checkboxes.forEach((checkbox) => { checkbox.checked = false; }); Here, checkboxes refers ... Read More
HTML (Hypertext Markup Language) has been the fundamental building block of web pages since the inception of the World Wide Web. Created by Sir Tim Berners-Lee in 1990, HTML has revolutionized how information is structured, presented, and accessed on the internet. This article explores why HTML remains the cornerstone of web development and examines its key characteristics that make it indispensable for creating web pages. What is HTML? HTML is a markup language that uses tags to define the structure and content of web pages. It tells browsers how to display text, images, links, and other elements on ... Read More
The HTML DOM Input Number value property is used to get or set the value of an element with type="number". This property allows you to retrieve the current numeric value entered by the user or programmatically set a default value for the number input field. Syntax Following is the syntax for getting the value property − var value = numberObject.value; Following is the syntax for setting the value property − numberObject.value = number; Here, number is a numeric value or string representation of a number that you want to ... Read More
HTML provides powerful tools for creating visually appealing wave designs using the SVG element and CSS animations. Wave images enhance user experience by adding dynamic visual elements to websites, commonly used in headers, footers, landing pages, and decorative sections. This article demonstrates two effective methods to create wave patterns in HTML. Syntax Following is the basic syntax for creating wave images using SVG − The key components are − SVG element − Container for scalable vector graphics viewBox attribute − Defines the coordinate system and viewport ... Read More
The progress bar on websites represents the completion percentage of tasks like file downloads, form submissions, or data processing. In HTML, the element creates a visual progress indicator that shows how much work is completed versus the total amount. The element uses two key attributes to control its behavior. The max attribute sets the maximum value representing 100% completion, while the value attribute indicates the current progress level. Syntax Following is the syntax for the HTML progress element − The progress bar calculates the completion percentage as: (value / max) ... Read More
The HTML DOM Input Password defaultValue property sets or retrieves the default value of a password field. The defaultValue represents the original value specified in the HTML value attribute, while the value property reflects the current user input. The defaultValue remains constant even when users type in the field. Syntax Following is the syntax to set the defaultValue property − passwordObject.defaultValue = value Following is the syntax to get the defaultValue property − var defaultVal = passwordObject.defaultValue Parameters The defaultValue property accepts the following parameter − value ... Read More
The min attribute in HTML defines the minimum value of the range for the element. The element represents a scalar value within a known range or a fractional value, such as disk usage, temperature readings, or progress indicators. Syntax Following is the syntax for the min attribute − Where number is a floating-point value that sets the lower bound of the range. The min value must be less than the max value, and the default value is 0 if not specified. Parameters The min attribute accepts the following parameter ... Read More
The HTML DOM MouseEvent relatedTarget property returns the element that the mouse was previously on or is moving to during mouse events. It is primarily used with mouseover and mouseout events to determine which element triggered the event transition. When a mouseover event occurs, relatedTarget refers to the element the mouse came from. When a mouseout event occurs, relatedTarget refers to the element the mouse is moving to. Syntax Following is the syntax to access the relatedTarget property − MouseEventObject.relatedTarget Return Value The relatedTarget property returns an Element object representing the related ... Read More
While developing a website, we may come across a situation where we need to create a hyperlink to another webpage or to a certain part of the webpage (these links are clickable). Additionally, there can be a situation where we need to add stylings to the content present in the website using external CSS (these are not clickable). These behaviors are achieved by using the HTML and anchor tags. Syntax Following is the syntax for the HTML tag − Following is the syntax for the HTML anchor tag − ... Read More
The HTML DOM Kbd object represents the element in the document. The element is used to define keyboard input and displays text in a monospace font by default, indicating that the text represents user input from a keyboard. Syntax Following is the syntax to create a element using JavaScript − var kbdObject = document.createElement("KBD"); You can also access an existing element using − var kbdObject = document.getElementById("kbdId"); Properties The Kbd object inherits all the standard properties and methods from the HTMLElement interface. Common properties include ... Read More