Yes, IDs must be unique in the entire HTML page. Even the official HTML standards suggest the same − Unique IDs with the id attribute Example Let us see an example. Here, we have used the id attribute − #myHeader { border: 2px solid yellow; background-color: orange; padding: 50px; text-align: ... Read More

To clear the canvas for redrawing, use the canvas.clearRect() method in HTML. It clears the specified pixels. The parameters of the method includes − x − The x-coordinate to clear y − The y-coordinate to clear width − The width of the rectangle to clear height − The height of the rectangle to clear Let us see an example to create a canvas and clear it on the click of a button for redrawing in JavaScript. Here’s our canvas code that creates a canvas − var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.strokeRect(5, 5, 25, 15); ctx.scale(2, ... Read More

We can easily create a form with tables in HTML. But, before that let us see how to create a form in HTML. Create a Form in HTML Example We will first see how to create a form in HTML using only the tag − HTML Form Details Select the subject you want to choose: Programming Web Development Database Submit Output Create a Form using HTML Tables Example Now, let us convert the above form to a form created using HTML tables − HTML Form Details Select the subject you want to choose: Programming Web Development Database Submit Output

To set the height to 100% for expanding divs to the screen height, set the entire document to − html { height: 100%; } First, we have set both the html and body to − html, body { height: 100%; } The div is set with height and min-height property − #mydiv { min-height: 100% !important; height: 100%; border: 2px solid yellow; width: 200px; background: orange; } Under the , we have our div for which we set the CSS property above − Demo Text Example Let us now see the complete example − Example html, body { height: 100%; } #mydiv { min-height: 100% !important; height: 100%; border: 2px solid yellow; width: 200px; background: orange; } Demo Text Output

We can easily prevent forms on a web page to submit using the event.preventDefault() or returning Flase on submit event handler. Let us see the example one by one − Prevent form from being submitted using the event.preventDefault() To prevent form from being submitted, use the event.preventDefault() i.e. − Example Let us see the complete example − Details Select the subject you want to choose: ... Read More

In this article, we will learn the difference between the jQuery.click() and onClick. Let us first understand what is click() and onClick() in jQuery. jQuery click() Example The click() method triggers the click event of each matched element. Let us see an example − The jQuery click() Example $(document).ready(function() { ... Read More

To disable browser caching with tag in HTML, use the following code − HTML lets you specify metadata - additional important information about a document in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc. The tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes. Example Let us see a simple ... Read More

To embed a PDF in HTML is an easy task and there are various ways. Let us see them one by one. Embed PDF in HTML using iframe. Embed PDF in HTML using the embed tag. Embed PDF in HTML using the object tag. Embed PDF in HTML using iframe Set the src attribute of the iframe tag and add the link of the PDF to embed − Example Let us now see an example to ember PDF using − Embed PDF ... Read More

In this article, we will set the left-most inner div to determine the height of the outer div. Consider the following two example − Set the height of an outer div to always be equal to a particular inner div using Flex Set the height of an outer div to always be equal to a particular inner div using CSS Grid Set the height of an outer div to always be equal to a particular inner div using Flex Example Let us see the example using Flex − ... Read More

To disable autofill option specially on Google Chrome, use the autocomplete attribute and set it to − autocomplete="chrome-off" We will see an HTML form and for the fields we will disable the autofill, first for the form − Now, disable the autofill for each input type − Example Let us see an example − input { width: 315px; display: block; margin: 1rem auto; ... Read More