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 disable autocomplete of an HTML input field?
The autocomplete attribute in HTML controls whether the browser should automatically fill in form field values based on previously entered data. Setting autocomplete="off" disables this feature for enhanced privacy and security, particularly useful for sensitive fields like passwords or personal information. Syntax Following is the syntax for disabling autocomplete on an input field − To enable autocomplete explicitly − You can also disable autocomplete for an entire form − Disabling Autocomplete for Individual Fields The most common ...
Read MoreUse of the DFN element type in HTML
The element in HTML represents the defining instance of a term or phrase that is being defined within the content. It stands for Definition and is used to mark the term that is explained or defined in the surrounding text, helping browsers and search engines identify important terminology. Syntax Following is the basic syntax for the element − term The element can also include attributes for enhanced functionality − term abbreviation Key Features of the DFN Element The element has the following characteristics − ...
Read MoreHow to Create a Teardrop in HTML?
Creating shapes using HTML and CSS is quite an easy task until the shape is not very complex. A teardrop shape, with its curved bottom and pointed top, requires more advanced techniques than simple geometric shapes. In this tutorial, we will explore two methods to create a teardrop shape: using CSS with border-radius and transform properties, and using SVG for more precise control. Let's first understand why teardrops are challenging to create with basic HTML elements − They combine both curved and pointed edges The shape requires asymmetric styling Proper proportions are crucial for a realistic appearance ...
Read MoreHow to turn off spell checking (grammar correction) for HTML form elements?
The spellcheck attribute in HTML controls whether the browser's spell checking feature is enabled or disabled for text input fields. By default, most browsers enable spell checking on text inputs and textareas, showing red underlines for misspelled words. Syntax Following is the syntax for the spellcheck attribute − The spellcheck attribute accepts three values − true − Enables spell checking for the element false − Disables spell checking for the element default − Uses the browser's default spell check behavior Disabling Spell Check To disable spell checking ...
Read MoreHow to Create a Two-Column Div Layout with the Right Column Having Fixed Width?
The element is one of the most widely used elements in HTML for creating page layouts. A common requirement is to create a two-column layout where the right column has a fixed width while the left column fills the remaining space. This layout pattern is useful for sidebars, navigation panels, or content areas with advertisements. In this tutorial, we will explore different methods to create a two-column div layout with a fixed-width right column using CSS properties like float, width, and modern layout techniques. Understanding the Float Property The CSS float property positions an element to ...
Read MoreHow to create a file upload button with HTML?
To create a file upload button with HTML, we use the element with type="file". This creates a button that allows users to select and upload files from their device to a web server. Syntax Following is the basic syntax for creating a file upload button − The type="file" attribute transforms a regular input element into a file selection button. The name attribute identifies the file data when submitted to the server. Basic File Upload Button The simplest file upload implementation requires just the input element within a form. The browser ...
Read MoreDiv Layout vs. Table Layout in HTML
In HTML, a layout defines the basic structure and appearance of a website. HTML layout is a blueprint that shows us how HTML elements are arranged in a webpage. It provides functionality for creating webpages using simple HTML tags. Two primary approaches exist for creating layouts: div-based layouts and table-based layouts. DIV Layout Div layout is the most common and recommended layout approach in modern HTML, based on elements. The element in HTML is used to define sections of a document. The tag is a container tag with both opening and closing tags. We ...
Read MoreHow to Create an HTML Table with a Fixed Left Column and Scrollable Body?
A table with a fixed left column and scrollable body is a powerful layout technique that keeps important identifier columns (like names, IDs, or categories) visible while allowing horizontal scrolling through additional data columns. This approach is especially useful for displaying wide datasets where users need constant reference to the leftmost column while exploring other data. Creating such tables requires careful use of CSS positioning and overflow properties to achieve the desired fixed-column behavior while maintaining proper table structure and responsiveness. Table Structure Basics HTML tables are created with the tag, incorporating for rows, ...
Read MoreHow to Create Button with Line Breaks?
The HTML element is an interactive element that a user can activate with a mouse click or keyboard shortcut. It performs a programmable action, such as submitting a form or opening a dialog, once activated. When a button contains long text, it becomes necessary to add line breaks to improve readability and fit the button within specific dimensions. Buttons can be created using the HTML , , or tags. There are several CSS techniques to create line breaks within button text without compromising functionality or accessibility. Syntax Following is the basic syntax for creating a ...
Read MoreHTML DOM emphasized object
The HTML DOM emphasized object represents the HTML element in the Document Object Model. The element is used to emphasize text content, typically rendering it in italic style to indicate stress or importance. You can create and access emphasized objects using the createElement() and getElementById() methods respectively. Syntax Following is the syntax for creating an emphasized object − var emphasisElement = document.createElement("EM"); Following is the syntax for accessing an existing emphasized object − var emphasisElement = document.getElementById("elementId"); Properties The emphasized object inherits all standard HTML element properties ...
Read More