How to create a reset button form using html
How to create a reset button form using html
Reset Tag
What is the Reset Button form TAg HTML
HTML Reset Button in html form use to clear all the input fields and return them to their default values. When the user clicks the reset button, form data back to the original state.
Syntax :-
<input type ="reset" value="reset">
Reset tag program
<!DOCTYPE html>
<html>
<body>
<h2>Reset Button</h2>
<p>Reset button that will be reset
all form values to their default values </p>
<form action="/action.asp">
First Name :<input type="text"
name="firstname" value="Surya"><br>
Last name :<input type="text"
name="lastname" value="Rad><br><br>
<input type="submit" value="Submit">
<input type="reset">
</form>
<p>If you change the input values
and then click the "Reset"
button,<br> the form-data will
be reset to the default values.</p>
</html>
HTML File Upload
Explain Program
Step 1 ]
<!DOCTYPE html>
- Declares
that the document is an HTML5 document.
Step 2]
<html> & <body>
- Root
and body of the HTML page. The content of the page goes inside <body>.
Step 3]
<h2>Reset Button</h2>
- Displays
a heading "Reset Button" in bold and larger text.
Step 4]
<p>Reset button that will reset all form values to
their default values.</p>
- A
paragraph that describes what the reset button will do.
Step 5]
<form action="/action.asp">
- This
creates a form. When submitted, the form data is sent to the server at /action.asp.
Step 6]
First Name: <input type="text"
name="firstname" value="Surya">
- A
text field named firstname, with default value Surya.
Last Name: <input type="text"
name="lastname" value="Rad">
- A
text field named lastname, with default value Rad.
Step 7]
<input type="submit"
value="Submit">
- A
submit button. When clicked, it sends the form data to /action.asp.
Step 8]
<input type="reset">
Reset tag output
Related Post:-
html form pattern attribute
html frame tag
html table attribute
Post a Comment