Web Development Articles - Page 160 of 801

To close browser tabs, we can surely use Keyboard Shortcuts. Close a Tab on Google Chrome To close a tab on the Chrome web browser, use the following shortcut key on Windows − Ctrl+W To close the entire window on the Chrome web browser, use the following shortcut key on Windows − Ctrl+Shift+W Use the following shortcut key on Mac to close a tab on Chrome − Command+W To close the entire Firefox window on Mac, use the following shortcut − Command+Shift+W Close a Tab on Firefox To close a tab on the Firefox web browser, ... 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

To prevent parents of floated elements from collapsing, first, we will try to understand what the problem is. After that, we will work around the examples i.e. How parents of floated elements collapse? Prevent parents of floated elements to collapse using the Overflow Property Prevent parents of floated elements to collapse using the Height Property How parents of floated elements collapse Example Let us first understand how parents of floated elements collapse. Here’s an example − Example div{ ... Read More