How to create a reset button form using html
Reset Tag
<input type="reset">
Reset tag isA button that resets the contents of the form to default values.
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
No comments:
Post a Comment