Found 2202 Articles for HTML

How to draw a polygon in HTML5 SVG?

Sharon Christine
Updated on 16-Dec-2021 09:29:25

5K+ Views

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.To draw a polygon in HTML SVG, use the SVG element. The element creates a graphic containing at least three sides. The points attribute is the x and y coordinates for each corner of the polygon.ExampleYou can try to run the following code to learn how to draw a polygon in HTML5 SVG. ... Read More

How to draw a circular gradient in HTML5?

Lakshmi Srinivas
Updated on 15-Jun-2020 11:43:34

262 Views

This method returns a CanvasGradient object that represents a radial gradient that paints along the cone given by the circles represented by the arguments. The first three arguments define a circle with coordinates (x1, y1) and radius r1 and the second a circle with coordinates (x2, y2) and radius r2.createRadialGradient(x0, y0, r0, x1, y1, r1)Here are the parameter values of the createRadialGradient() method −S.NoParameter & Description1x0x-coordinate- Starting point of the gradient2y0y- coordinate - Starting point of the gradient3r0Radius of the starting circle4x1x-coordinate - Ending point of the gradient5y1y- coordinate - Ending point of the gradient6r1Radius of the ending circleYou can ... Read More

How to preselect a value in a dropdown list of items in HTML forms?

Prabhas
Updated on 18-Jun-2020 06:01:47

6K+ Views

With HTML, you can easily create a simple drop down list of items to get user input in HTML forms. A select box also called drop down box provides an option to list down various options in the form of drop down list.You can also preselect a value in dropdown list of items in HTML forms. For that, add selected in the tag for the value you want to preselect.ExampleYou can try to run the following code to learn how to preselect value in a dropdown list of items works in HTML form −Live Demo       ... Read More

How do we use a simple drop-down list of items in HTML forms?

seetha
Updated on 12-May-2020 08:16:56

12K+ Views

With HTML, you can create a simple drop-down list of items to get user input in HTML forms. A select box also called drop-down box provides an option to list down various options in the form of drop-down list, from where a user can select one or more options. The tag is used to create a drop-down list in HTML, with the tag.Here’s the list of attributes of tag:Sr.NoAttribute & Description1NameUsed to give a name to the control which is sent to the server to be recognized and get the value.2SizeThis can be used to present a ... Read More

How we can group data in HTML forms?

Lokesh Badavath
Updated on 19-Oct-2022 06:58:03

5K+ Views

We use the tag, to group related data in HTML forms. This tag creates a box around the related elements on the web page. The tag is used inside the tag to give a caption to the group or name to the group. Syntax ….. Example 1 Following is an example to group data in HTML forms using the tag inside the tag − DOCTYPE html> Employee Details Employee Name Employee ID Employee Address Example 2 You can try to run the following code to group data in HTML forms − DOCTYPE html> Student Information: Student Name: Student Subject:

Why do we use reset button in HTML forms?

Lokesh Badavath
Updated on 19-Oct-2022 06:54:30

1K+ Views

The reset button is used to reset all the input fields in HTML forms. It gets added using the tag attribute type. The defines a reset button which resets all form values to its initial values. Syntax Example 1 An example to implement the usage of reset button in HTML forms is given below − DOCTYPE html> Enter Name Enter Age Enter Address Example 2 You can try to run the following code to reset button in HTML forms − DOCTYPE html> Student Name: Student Subject:

How do we send an email using HTML forms?

Giri Raju
Updated on 02-Sep-2023 13:19:23

58K+ Views

To send an email using HTML forms, you need to add the email id to the action attribute of the form. In that, add email proceeding with mailto: i.e. mailto:emailid@example.com.ExampleYou can try to run the following code to send an email using HTML forms −Live Demo           Student Contact Form                Student Name:          Student Subject:                    

How do we reset all the input fields in HTML forms?

Lokesh Badavath
Updated on 19-Oct-2022 07:02:29

2K+ Views

In this article, we are going to discuss how do we reset all the input fields in HTML forms. Here, we use the reset button to clear the input fields in HTML forms. In the HTML forms, we use the tag to take user input. To clear all the input in an HTML form, use the tag with the type attribute as reset. Syntax Following is the syntax of the reset button. Example 1 The following example demonstrates how do we reset all the input fields in HTML forms. In this example, we are going ... Read More

How to clear all the input in HTML forms?

Lokesh Badavath
Updated on 14-Sep-2023 15:51:17

29K+ Views

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. The tag, helps you to take user input using the type attribute. To clear all the input in an HTML form, use the tag with the type attribute as reset. Example 1 The following example demonstrates how to clear all the input in HTML forms. In this example, we are going to use the document.getElementId() to clear the text in ... Read More

How do we take password input in HTML forms?

Lokesh Badavath
Updated on 19-Oct-2022 06:52:08

7K+ Views

We use the tag by assigning password to the type attribute, to take a password input in HTML form. It hides the character as soon as a we enter the characters of the password set. This is also a single-line text input. Syntax Male Example 1 An example to implement how to take a password input in HTML is as follows − DOCTYPE html> Branch Enter password Re-enter password Example 2 Another example to take an input as password is given below. You can try to run the following code − DOCTYPE html> HTML Forms Add your details: Student Username: Password:

Advertisements