Use the placeholder attribute to let the user know that the required input format is YYYY, and the , min, and max attributes to limit the range of possibilities. To the first argument of a new Date, pass the value or valueAsNumber during the input event () Following are the examples… Example In the following example we are using placeholder to mention that the input type is year. DOCTYPE html> document.querySelector("input[type=number]") .oninput = e => console.log(new Date(e.target.valueAsNumber, 0, ... Read More

The permitted number intervals are determined by the HTML input type step property. Steps are numerical steps such as 0, 2, 4, 6, 8, and so on. To construct a range of valid values, combine the step attribute with the max and min properties. They establish a stepping interval on a range which is executed by moving the slider left to right or spinner up and down. If its not explicitly mentioned, default steps are assigned to various input values. Syntax Default step values for different input values are as follows − Input Type ... Read More

There are multiple correct ways to use a br tag in the web documents. In HTML, a line break is made with the tag. We don't need to close because it's an empty tag. To break a line, either or are acceptable. However, tags are used in other web documents like XHTML. But the tag must possess a space before the trailing /> as it helps XHTML to render the existing HTML user agents. Syntax Text text Following are the examples…. Example: (using ) In the following example we are using ... Read More

To allow multiple file uploads in HTML forms, use the multiple attributes. The multiple attributes work with email and file input types.For limiting maximum items on multiple inputs, use JavaScript. Through this, limit the number of files to be uploaded. For example, let’s say only 2 files to be uploaded at once.You can try to run the following code to learn how to use multiple attributes in HTML. With that, we will limit the number of files uploaded using JavaScript.ExampleLive Demo           HTML file upload                   ... Read More

HTML5 Geolocation API lets you share your location with your favorite websites. A Javascript can capture your latitude and longitude and can be sent to backend web server and do fancy location-aware things like finding local businesses or showing your location on a map. The geolocation coordinates specify the geographic location of the device.We will be using getCurrentPostion() method to get the current location. To get current location using HTML5 Geolocation with Google Maps, you need to set an API key for Google Static Maps API.Go to https://console.developers.google.com and get a free API key for Google Map. Add this key ... Read More

The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons.HTML5 localStorage saves string data in the browser and lasts beyond the current session. localStorage stores the data, with no expiration, whereas sessionStorage is limited to the session only. When the browser is closed, the session is lost.The data won’t get deleted when the browser is closed. Here, we will save the name for example.You can ... Read More

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection. To redirect URL to a different website after few seconds, use the META tag, with the content attribute. The attributes set the seconds. The following is an example of redirecting current page to another website in 10 seconds. The content attribute sets the seconds. Example Live Demo HTML Meta Tag Hello HTML5!

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.To redirect from an HTML page, use the META Tag. With this, use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value of the content is the number of seconds; you want the page to redirect after.Set the content attribute to 0, if you want the page to load the new URL immediately.ExampleThe following is an example of redirecting current page to another ... Read More

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection. Website designers rely on redirection when there is a need to change the layout of a particular website or the location of a specific page. To redirect from an HTML page, we use the META Tag. Along with this, we also use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value in the content is the number of seconds; you want ... Read More

A DOCTYPE is nothing more than a document type declaration, which is a list of guidelines that must be attached to a certain html, xml, or sgxml online document. Because it is required for the HTML version, if the user application experiences any problems at that time, it can be quickly determined that the problem is due to incompatibility between the HTML version and the user's browser. Formats Of Doctype They are three types Normal Deprecated Legacy Tool Compatible Why Do We Use DOCTYPE? The DOCTYPE is declared before the head section in a HTML document. This ... Read More