SVG stands for Scalable Vector Graphics and is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. Most of the web browsers can display SVG just like they can display PNG, GIF, and JPG.Note: If you already have an SVG file, then add it using , or tags.To add SVG to web page, use element. Through this, you can easily embed SVG in HTML5 −You can try to run the following code to add scalable vector graphics (SVG) to the web page:       ... Read More

In this tutorial, we will learn how to preselect Dropdown using JavaScript Programmatically. A dropdown list is a toggle menu that allows the user to select one of several options. The options in this list are defined here in coding and are linked to a unique function. When you click or choose this option, that function is triggered and begins to work. A dropdown list allows us to select only one item from a list of options. To construct a basic dropdown list in HTML, the tab is combined with the, tab. Following that, JavaScript assists in performing ... Read More

To set the default value for an HTML element, we can use HTML selected attribute. It is used when you want to display a predefined value on your drop down menu. In this article we are having a dropdown list of four options, our task is to set the default value for an HTML select element. Steps to Set Default Value for select Element We will be following below mentioned steps to set the default value for HTML select element: We have created a dropdown list using select tag and then added options ... Read More

Submit button automatically submits a form on click. Using HTML forms, you can easily take user input. The tag is used to get user input, by adding the form elements. Different types of form elements include text input, radio button input, submit button, etc.Let’s learn about how to use the submit button in HTML forms. It is also created using HTML tag but type attribute is set to button.You can try to run the following code to use submit button to submit and reset a form. Under the action, attribute add the file, where you want to reach after ... Read More

This tutorial teaches us how to reset or clear a form using JavaScript. This option is very helpful for users in the situation where they have filled the wrong form and before submitting they get to know about it and now they want to delete all the data. If the form is too large then manually deleting everything may be hard so it's better to use the reset() method of JavaScript. The reset() method is defined in JavaScript and by just clicking on it the form which will be linked to its onclick() method will reset every input section of ... Read More

If you want to allow a user to upload an external file to your website, you need to use a file upload box, also known as a file select box. This is also created using the element but type attribute is set to file.ExampleLive DemoYou can try to run the following code to upload an external file to your website −           File Upload                                   Here are the attributes of the file upload box −Sr.NoAttribute & ... Read More

Using HTML forms, you can easily take user input. The tag is used to get user input, by adding the form elements. Different types of form elements include text input, radio button input, submit button, etc.Let’s learn about the tag, which helps you to take user input using the type attribute. The attribute is used with the form elements such as text input, checkbox, radio, etc.ExampleYou can try to run the following code to take user input using HTML Forms:Live Demo                    HTML Forms       ... Read More

If your website is having a sufficient content and a good number of page views, then start adding some advertisements to earn money. Google AdSense is a free and easy way to earn money by placing ads on your website.Integrating Google AdSense on a website is quite easy. Let’s see the steps:Go to the official website and SIGN IN with the Google Account, which you want to use for AdSense.Setup the account will all the details i.e. website information, content language, etc.Read the Google AdSense Terms and Conditions and follow the Google rules. Also, read the Google Program Policies and do ... Read More

To call a function on click event in JavaScript, you can use either the addEventListener method or the onclick event attribute. The addEventListener method is a general way to attach an event handler to a DOM element, and it allows you to specify the event and the callback function to be called when the event occurs. The onclick attribute is a specific event attribute that allows you to specify a JavaScript function to be called when the element is clicked. Both methods allow you to specify a function to be called when the element is clicked, but the addEventListener method ... Read More