HTML form reset
From w3cyberlearnings
Contents |
HTML - Reset Button
A reset button uses to reset form fields to its origional setting values. This button does not send form data to the server program for processing.
HTML - Syntax Reset Button
<input type="reset" name="reset" value="Reset"/>
Example 1 TRY-IT
<html> <head> <title>Reset</title> </head> <body> <form> <p>Request Information</p> <label for="firstname">First Name:</label> <input type="text" id="firstname" name="firstname"/><br/> <label for="lastname">Last Name:</label> <input type="text" id="lastname" name="lastname"/><br/> <label for="emailrequest">Login Email:</label> <input type="text" id="emailrequest" name="emailrequest"/><br/> <input type="checkbox" name="fruits" value="banana" id="banana"/> <label for="banana">Banana</label> <input type="checkbox" name="fruits" value="coconut" id="coconut"/> <label for="coconut">Banana</label> <input type="checkbox" name="fruits" value="mango" checked="checked" id="mango"/> <label for="mango">Banana</label> <br/> <input type="submit" name="submitform" value="Submit Request"/> <input type="reset" name="resetform" value="Reset"/><br/> </form> </body> </html>
Output
Related Link
- Form Radio
- Form Checkbox
- Form Button
- Form Submit
- Form Reset
