How to create a Reset Button in form using HTML ?

How to create a Reset Button in form using HTML ?

Last Updated : 23 Jan, 2024

In this article, we will learn how to create a Reset Button in HTML forms. The reset button is used to reset all the form data values and set them to their initial default value. In case of user enters the wrong data then the user can easily correct it by clicking on the "Reset Button".

Syntax:

<input type="reset">

Approach:

First, we have to create a form using <form> element.
Create an <input> element under the form element.
Use the type attribute with the <input> element.
Set the type attribute to the value "reset".

Example: In this example, we will use the input element for creating a reset button.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to Create a Reset Button
        in form using HTML?
    </title>
</head>

<body style="text-align:center;">

    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2>
        How to Create a Reset Button
        in form using HTML?
    </h2>
    <form>
        Email ID:
        <input type="email">
        <br>
        <br> Password:
        <input type="password">
        <br><br>

        <input type="submit">
        <input type="reset">
    </form>
</body>

</html>

Output:

How to create a Reset Button in form using HTML ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to Create Form Submit Button in HTML ?

In HTML, the form submit button plays a crucial role in sending user data to the server for processing. It's typically created using either <input type="submit"> the <button> tag. Around 95% of web forms use one of these two methods, making them essential for enabling user interaction an

How to reset all form values using a button in HTML ?

To reset all field values in an HTML form, you can use the <input type="reset"> attribute. When the reset button is clicked, the form will be restored to its default state, without any of the values that were previously entered in the fields, checkboxes, or radio buttons. This can be useful in

How to create a form with custom buttons in HTML ?

HTML form contains other form elements like text box, check box, radio button, submit button, and many more. For creating an HTML form, <form>________</form>tag is used as it is paired tag so starting and closing tags both are required. Other form elements are placed within these tags. I

How to create button which belongs to one or more forms in HTML5 ?

In HTML, the <button> tag is used to create a clickable button on your webpage. It also has a closing tag written as </button>. You can add a text or image, whatever you want to display a button, within the <button> tag. The type attribute for a <button> tag should always be

How To Create Registeration Form in HTML

HTML Registration Form is a web-based form designed to collect user information such as name, email, password, and other details. It typically includes input fields, validation, and a submit button to register users on a website.HTML Registration FormHow to Create HTML Registration FormBasic Structu