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
Front End Technology Articles
Page 50 of 652
Align text and select boxes to the same width with HTML and CSS
When we set the width and height of an element in CSS then often the element appears bigger than the actual size. This is because by default, the padding and border are added to the element’s width and height and then the element is displayed.The box sizing property includes the padding and border of an element with actual width and height so that the element does not appear bigger than the actual size. The format to use this property is box-sizing: box-border ExampleYou can try to run the following code to align text and select boxes to the same width ...
Read MoreHow to take HTML form data as text and send them to html2pdf?
The html2pdf is a JavaScript package that allows developers to convert the html to canvas, pdf, image, etc. It takes html as a parameter and adds that to the pdf or required document. Furthermore, it also allows users to download the document after adding the html content to that. Here, we will access the form and add it to the pdf using the html2pdf npm package. We will see different examples of adding form data to pdf. Syntax Users can follow the syntax below to take html form data as text and send them to html2pdf. var element = document.getElementById('form'); ...
Read MoreHow do I include a header and footer file on every HTML page?
You should make isolated HTML records for the header and footer segments in order to incorporate them on each HTML page. This strategy is habitually alluded to as "code reusability" or "modularization" within the context of web improvement. It'll be less complex to manage and overhaul your site on the off chance that you keep up a uniform appearance and usefulness across all of the pages. Utilizing server-side incorporating (SSI) or other templating techniques, you'll moment the header and footer records into the most HTML records to incorporate them on each page. This guarantees that any changes you make to ...
Read MoreHow to add Flash content within a webpage in HTML?
Introduction In this article, we will show you how to add Flash content within a webpage using HTML. Flash content is a type of multimedia that can be used to add interactive elements such as videos, games, and animations to a webpage. However, Flash is now considered outdated technology and not recommended to use in modern web development due to security and accessibility concerns. It is recommended to use other technologies like HTML5, CSS, and JavaScript for adding multimedia content to web pages Approaches The approaches that we will be discussing to implement this are as follows − Using ...
Read MoreHow do you open HTML files on your phone?
Browsing Hypertext Markup Language (HTML)a files on your phone can be useful for developers, designers, or anyone else interested in viewing website source code or offline content. HTML files are the foundation of websites. This article provides a comprehensive and step-by-step tutorial on how to open HTML files on both Android and iOS devices. Opening HTML files on your phone is a simple process. Accessing HTML Files on Android Devices File Explorer Apps A file manager app is frequently pre-installed on Android smartphones. If not, file explorer apps are simple to locate on the Google Play Store. Install a ...
Read MoreHow to make basic menu using jQuery UI?
Many websites as well as applications must have menus because they offer a simple and orderly way to navigate between different pages and functionalities. While there are numerous approaches to building menus utilizing HTML, CSS, as well as JavaScript, jQuery UI offers a simple intuitive technology that can help you save time and effort. The fundamentals of building a menu using jQuery UI will be covered in this post, along with the necessary stages and starter samples. This article will give you the resources you need, whether you're an experienced developer or a novice, to make a useful and appealing ...
Read MoreHow to make an image draggable in HTML?
The ability to create draggable elements within a web page is one of the new features and skills that HTML5 offers for web developers. It becomes a very popular and widely utilized feature. It simply means to move a picture to another location by dragging it there with the cursor. By employing mouse or touch motions, users will be able to drag an image or other content around the page. In this article, we'll look at how to build a draggable image in HTML5. It's simple to make any HTML5 element draggable, including photos. The 'draggable' feature is utilized. It accepts ...
Read MoreHow to make Auto-filling Forms with jQuery and Web Storage API?
By automatically filling in common fields like name, email, and address, autofill forms have grown in popularity as a feature on websites and mobile applications. When developing autofill forms, developers have two options: either utilize locally stored fixed data or use dynamic data that is periodically updated based on user inputs. The Web Storage API is one of the most important resources available to developers for local data storage. It offers techniques for browsers to store key/value pairs in a more natural way than with cookies. SessionStorage and localStorage are the two Web Storage techniques; while sessionStorage only keeps data for ...
Read MoreHow to make an svg scale with its parent container
SVG, or Scalable Vector Graphics, is a markup language built on XML which is employed to produce vector graphics. SVG pictures can be scaled to any size without losing quality because they are independent of resolution. They are the best option for designing visuals that must be viewed on many devices with various screen widths. We'll talk about making an SVG scale with its parent container in this article. The fundamentals of SVG, how to design one, and how to make it responsive will all be covered. What is SVG? Let's first define SVG before learning how to make an ...
Read MoreExecute a script when the element is finished loading in HTML?
In this article we are going to learn about execute a script when the element is finished loading in HTML. When an object is loaded, the onload event takes place. Onload is most frequently used in the element to run a script after a web page has loaded all of its content completely. This can be utilised for a number of things, such as checking for cookies or setting the appropriate version of the page based on the user's browser. Let’s dive into the article to understand more about executing a script when the element is finished loading in ...
Read More