Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
HTML DOM del dateTime Property
The HTML DOM del dateTime property is associated with the HTML element and specifies when text content was deleted from the document. This property corresponds to the datetime attribute and provides a machine-readable timestamp indicating the date and time of deletion. Syntax Following is the syntax for setting the dateTime property − delObject.dateTime = "YYYY-MM-DDThh:mm:ssTZD" Following is the syntax for getting the dateTime property − var dateTimeValue = delObject.dateTime Parameters The dateTime property accepts a string value in the following format − YYYY − Four-digit year ...
Read MoreHTML novalidate Attribute
The HTML novalidate attribute specifies that form data should not be validated when the form is submitted. This boolean attribute disables the browser's built-in validation for form controls like required, pattern, min, max, and input type validations. Syntax Following is the syntax for the novalidate attribute − The novalidate attribute is a boolean attribute, meaning its presence alone enables the functionality. You can write it as novalidate, novalidate="", or novalidate="novalidate". How It Works When the novalidate attribute is present on a form element, the browser skips ...
Read MoreHTML DOM Del object
The HTML DOM Del object represents the element in the DOM. The element is used to mark text that has been deleted from a document, typically displayed with a strikethrough style. The Del object provides properties and methods to create, access, and manipulate elements programmatically using JavaScript. Syntax Following is the syntax for creating a Del object − var delElement = document.createElement("DEL"); To access an existing element − var delElement = document.getElementById("delId"); Properties The Del object supports the following specific properties − ...
Read MoreHTML DOM TransitionEvent propertyName Property
The HTML DOM TransitionEvent propertyName property returns a string that identifies the specific CSS property that triggered a transition event. This property is essential for identifying which CSS property completed its transition when multiple properties are transitioning simultaneously. Syntax Following is the syntax for accessing the CSS property name from a transition event − transitionEvent.propertyName Return Value The propertyName property returns a string representing the name of the CSS property that finished transitioning. For example, it might return "transform", "width", "opacity", or any other CSS property that was being transitioned. Example − ...
Read MoreHow to add images in select list in HTML?
HTML does not natively support images in dropdown lists. However, we can create a custom dropdown using HTML, CSS, and JavaScript that mimics the behavior of a select list while displaying images alongside text options. Why Custom Dropdowns? The standard HTML element only accepts text content in its tags. To include images, we must build a custom solution using divs, buttons, and CSS styling that provides the same user experience as a native select dropdown. Basic Structure A custom image dropdown consists of three main components − Dropdown Button − The ...
Read MoreHTML Navigator appCodeName Property
The HTML navigator appCodeName property returns the browser's code name, which is a string identifier used internally by the browser. This property is part of the Navigator interface and provides information about the user's browser application. Syntax Following is the syntax for accessing the appCodeName property − navigator.appCodeName Return Value The property returns a string representing the code name of the browser. For most modern browsers, this property typically returns "Mozilla" for historical compatibility reasons, regardless of the actual browser being used. Browser Code Names Here are the common values returned ...
Read MoreHow to set height of an iframe element using HTML?
The iframe element is a powerful tool in HTML that allows web developers to embed external content into a web page. It creates a container that displays other HTML documents within a page. The default height of an iframe element does not always fit with the webpage's layout, so we need to ensure that it's sized correctly to fit seamlessly into the page layout. Understanding the Iframe Element Iframe stands for inline frame. It allows developers to embed content such as videos, maps, or social media feeds from another website or web page into the current page. The ...
Read MoreHow to Create a Button to open SMS Compose to a Phone Number using HTML?
Creating an SMS button in HTML allows users to send text messages directly from your website without manually copying phone numbers. This feature enhances user experience by providing a quick way to initiate SMS communication for customer support, inquiries, or emergency contacts. The SMS functionality uses the sms: URI scheme within an anchor tag's href attribute. When clicked on mobile devices, it opens the default messaging app with the phone number pre-filled, allowing users to compose and send messages instantly. Syntax Following is the basic syntax for creating an SMS link − Link Text ...
Read MoreHTML DOM console.assert() Method
The HTML DOM console.assert() method is used to write an error message to the console only if the first expression (assertion) evaluates to false. This method is particularly useful for debugging and testing conditions during development. If the assertion is true, nothing happens; if it's false, the specified message appears in the browser's developer console. Syntax Following is the syntax for the console.assert() method − console.assert(assertion, message, ...optionalParams); Parameters The console.assert() method accepts the following parameters − assertion − A boolean expression or any value that can be evaluated as truthy ...
Read MoreHTML DOM TransitionEvent Object
The HTML DOM TransitionEvent Object represents events that occur during CSS transitions. It provides information about the transition that has started, is running, or has ended. This object is automatically created when transition-related events are fired on HTML elements with CSS transitions. Syntax TransitionEvent objects are created automatically by the browser. You typically interact with them through event listeners − element.addEventListener("transitionend", function(event) { // event is a TransitionEvent object console.log(event.propertyName); console.log(event.elapsedTime); }); Properties The TransitionEvent object inherits from the Event object and has the ...
Read More