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
How to use year input type in HTML?
HTML does not have a dedicated year input type. However, you can create year input functionality using several approaches: the element with constraints, the element, or by implementing custom year picker solutions with JavaScript libraries like jQuery UI. Using Number Input Type for Year The most common approach is to use with min and max attributes to constrain the year range. The placeholder attribute helps users understand the expected format. Syntax Example Following example creates a year input field using a number input type − ...
Read MoreHow to add an inline layer in HTML?
The tag was a non-standard HTML element introduced by Netscape Navigator to create inline layers that occupy space within the normal text flow. Unlike the tag which positioned content above the text flow, created layers that pushed subsequent content after the space they occupied. Important: The tag is obsolete and deprecated. It was never part of the HTML standard and was only supported by Netscape Navigator 4.x. Modern browsers do not support this tag, and it should not be used in contemporary web development. Syntax The basic syntax for the tag was ...
Read MoreHow do I get an address latitude-longitude using HTML5 Geolocation or Google API?
The HTML5 Geolocation API provides a way to access the user's geographic location, including latitude and longitude coordinates. This requires JavaScript to interact with the browser's geolocation services and can be enhanced with Google's Geocoding API for reverse geocoding (converting coordinates to addresses). HTML5 Geolocation Syntax Following is the basic syntax for accessing geolocation − navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options); Parameters successCallback − Function called when location is successfully retrieved errorCallback − Function called when an error occurs (optional) options − Configuration object for timeout, accuracy, and caching (optional) Getting Latitude and ...
Read MoreHTML DOM activeElement Property
The HTML DOM activeElement property is a read-only property that returns the currently focused element in the document. This property is useful for tracking user interaction and determining which element has keyboard focus at any given time. When no specific element has focus, the activeElement property typically returns the element or the element, depending on the browser. Syntax Following is the syntax for the activeElement property − document.activeElement Return Value The activeElement property returns an Element object representing the currently focused element in the document. If no element has focus, ...
Read MoreHow do we add a sample computer code in HTML?
Use the tag to display a sample computer code. The HTML tag is used to display the output of a computer program or sample text that would appear on a computer screen, such as command-line output, error messages, or program responses. Syntax Following is the syntax for the tag − Sample computer output The tag is an inline element that typically displays its content in a monospace font, making it visually distinct from regular text. Basic Example Following example shows how to use the tag to display ...
Read MoreHow to create a section in a document in HTML?
Use the tag to add a section in a document. The HTML tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS. Syntax Following is the basic syntax for the tag − Content goes here The tag is a block-level container element that creates a rectangular section on the page. It serves as a wrapper for other HTML elements and provides a way to apply CSS styles ...
Read MoreMenu not visible in IE8. How to make it visible with HTML?
Internet Explorer 8 has specific compatibility issues with CSS properties that can cause navigation menus to become invisible. The most common cause is improper use of the opacity property, which requires special handling in IE8 to ensure cross-browser compatibility. The Problem When CSS stylesheets use modern opacity syntax without fallbacks, menus may appear invisible in Internet Explorer 8. This occurs because IE8 uses proprietary filter syntax for transparency effects instead of the standard opacity property. Syntax Following is the cross-browser compatible syntax for opacity in IE8 − .element { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; ...
Read MoreHTML5 Canvas & z-index issue in Google Chrome
When working with HTML5 Canvas elements in Google Chrome, a specific rendering issue occurs when applying z-index to a canvas with position: fixed. This bug causes Chrome to improperly render other fixed-position elements on the page, but only when the canvas dimensions exceed 256×256 pixels. The issue manifests as visual glitches or disappearing elements that also have position: fixed applied. This is a browser-specific problem that primarily affects Google Chrome and can significantly impact layout stability in web applications using large fixed canvases. The Problem The rendering issue occurs due to Chrome's internal optimization mechanisms when handling ...
Read MoreHow to set what browsers will show that do not support the ruby element?
The HTML tag specifies what browsers will show when they do not support the element. Ruby annotations are used in East Asian typography to provide pronunciation guides or semantic information for characters, commonly seen in Japanese furigana and Chinese pinyin. Syntax Following is the syntax for the tag − base_text fallback_openannotationfallback_close The (ruby parentheses) element contains fallback text that displays in browsers without ruby support. Modern browsers that support ruby annotations hide the content inside tags, while older browsers display it as regular text. ...
Read MoreSame origin policy on mobile apps with HTML
The same-origin policy is a critical web security concept that restricts how a document or script from one origin can interact with resources from another origin. However, when developing mobile applications using HTML, CSS, and JavaScript through frameworks like PhoneGap (Apache Cordova), the same-origin policy behaves differently than in traditional web browsers. Same-Origin Policy in Web Browsers vs Mobile Apps In web browsers, the same-origin policy prevents scripts from accessing content from different domains, protocols, or ports. However, in mobile apps built with HTML/JavaScript frameworks, the application runs locally on the device using the file:// protocol rather than ...
Read More