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 hide credential information form URL while submitting the HTML Form?
In today's digital landscape, web applications often require users to provide sensitive information, such as usernames and passwords, through HTML forms. When submitting a form using the GET method, the default behavior includes this information as part of the URL. However, exposing credentials in the URL can pose significant security risks, as the information becomes visible in browser history, server logs, and can be easily intercepted. To mitigate this risk and enhance the security of web applications, it is essential to understand how to hide credential information from the URL while submitting HTML forms. In this article, we will ...
Read MoreWhat does * { mean in HTML?
The asterisk symbol (*) in HTML is actually a CSS universal selector that targets every element in an HTML document. When used in CSS as *{}, it applies styles to all HTML elements on the page, making it a powerful tool for setting global styles or resetting default browser styles. Syntax Following is the syntax for the universal selector in CSS − * { property: value; /* CSS properties go here */ } The asterisk * selects all elements in the HTML document, and any CSS properties defined ...
Read MoreHow to Handle Page Breaks when Printing a Large HTML Table?
When printing HTML tables with many rows, page breaks can split table rows awkwardly, disrupting the layout and making the printed output difficult to read. This tutorial explores CSS properties and techniques to control how large tables break across pages during printing. Understanding Page Break Properties CSS provides three page-break properties that control how elements behave when printed across multiple pages. These properties help create professional-looking printed documents by managing where page breaks occur. page-break-before Property The page-break-before property controls whether page breaks should occur before an element − page-break-before: auto|always|avoid|left|right; ...
Read MoreHow to make horizontal line with words in the middle using CSS?
With CSS, we can create horizontal lines with content in the middle using various techniques. This design pattern is commonly used for section dividers, decorative headings, and visual separators in web layouts. We can place text, headings, or even images between horizontal lines for an elegant visual effect. Syntax The most common approach uses CSS flexbox with pseudo-elements ::before and ::after − .element { display: flex; flex-direction: row; } .element::before, .element::after { content: ""; flex: 1 1; border-bottom: 1px solid color; ...
Read MoreHow to take HTML form data as text and send them to html2pdf?
The html2pdf is a JavaScript library that allows developers to convert HTML content to PDF format. It takes HTML elements as parameters and generates downloadable PDF documents. This library is particularly useful for creating reports, forms, and other documents from web page content. In this article, we will learn how to capture HTML form data and convert it to PDF using the html2pdf library. We will explore different approaches to include form data in PDF documents. Syntax Following is the basic syntax to convert HTML form data to PDF using html2pdf − var element = ...
Read MoreHow to Increase the Space Between the Dots of Dotted Borders?
The border shorthand CSS property defines the border of an element. It specifies the border-width, border-style, and border-color values. When using border-style: dotted, the default spacing between dots is controlled by the browser and cannot be directly modified using standard border properties. However, we can create custom dotted borders with increased spacing between dots using CSS background properties. This technique gives us complete control over dot size, spacing, and appearance. Default Dotted Border Behavior The standard border-style: dotted creates evenly spaced dots with fixed spacing determined by the browser. Let's see the default appearance − Example ...
Read MoreHTML DOM Link href Property
The HTML DOM Link href property is used to set or return the URL/path of a linked document. This property is commonly used with elements to dynamically change stylesheets, favicons, or other linked resources on a webpage. Syntax Following is the syntax for getting the href attribute value − linkObject.href Following is the syntax for setting the href attribute value − linkObject.href = string Parameters The string parameter can be the following values − Value Type Description Absolute path It ...
Read MoreHow to Hide Password in HTML?
In HTML forms, hiding passwords is crucial for protecting user credentials from visual exposure. The standard approach uses the type="password" attribute, which automatically masks password characters as dots or asterisks. This prevents shoulder surfing and accidental password exposure while maintaining usability. Syntax Following is the basic syntax for creating a password input field − The type="password" attribute tells the browser to mask the input characters, replacing them with dots or asterisks as the user types. Default Password Field Behavior HTML password fields provide built-in security by visually obscuring entered characters. This ...
Read MoreHow to Force the Content Of the Div Element to Stay on the Same Line?
The or division tag is used to group HTML elements in a web page, allowing us to create distinct sections with similar functionality that can be easily styled using the id or class attribute. A HTML is a block-level element that, by default, does not display any other HTML elements adjacent to it. Div is the most useful tag in web development because it allows us to separate data in web pages and create specific sections for specific data or functions in web pages. It is used in pairs. The content is written in between the opening ...
Read MoreWhy we should not use tables for HTML Layout?
In this article, we will explore why using tables for HTML layout is strongly discouraged in modern web development. While tables are perfectly suitable for displaying tabular data, using them to structure page layouts creates numerous problems for performance, accessibility, and maintainability. A layout in HTML specifies the fundamental organization and visual structure of a website. The HTML layout serves as a blueprint for how elements should be positioned, giving you the ability to create well-structured websites using appropriate HTML elements. What is Table Layout? Table layout refers to using the element and its related tags ...
Read More