Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Using "reset" Action Fields

By: FYIcenter.com

(Continued from previous topic...)

How To Use "reset" Input/Action Fields?

A "reset" input field is defined as <input type="reset" .../>. "reset" input fields can be used to create reset buttons in a form. When a reset button is clicked, the form will be refreshed by replacing user entered values with default values. Only one other attribute that is useful to this "reset" input type:

  • value="buttonValue" - Specifies the value to be displayed on the reset button. The default is value="Reset".

Here is a tutorial example with two reset button input fields:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Reset Button Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="http://localhost/submit">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input type="text" name="name"
    value="Joe Miller"/><br/>
   How did you find FYIcenter:<br/>
        <input type="radio" name="channel"
     value="google" checked="checked"/>Google search<br/>
        <input type="radio" name="channel"
     value="yahoo"/>Yahoo search<br/>
        <input type="radio" name="channel"
     value="friend"/>Your friend<br/>
   <input type="reset"/> 
   <input type="reset" value="Refresh"/> 
  </p>
  </form>
 </body>
</html>

If you save the above document as reset_button.html, and view it with Internet Explorer, you will see a form with 2 reset buttons as shown below:
            Reset Buttons

(Continued on next topic...)

  1. What Is a "form" Tag/Element?
  2. What Are the Attributes of a "form" Element?
  3. What Is an "input" Tag/Element?
  4. How Many Input Types Are Supported by "input" Elements?
  5. How To Use "text" Input Fields?
  6. How To Use "password" Input Fields?
  7. How To Use "checkbox" Input Fields?
  8. What Are the Values Submitted on Checkbox Fields?
  9. How To Use "radio" Input Fields?
  10. What Are the Values Submitted on Radio Button Fields?
  11. How To Use "submit" Input/Action Fields?
  12. What Are the Values Submitted on Submit Button Fields?
  13. How To Use "reset" Input/Action Fields?
  14. How To Use "file" Input Fields?
  15. How To Use "hidden" Input Fields?
  16. How To Use "image" Input Fields?
  17. What Are the Values Submitted on Image Button Fields?
  18. How To Use "button" Input Fields?
  19. What Is a "textarea" Tag/Element?
  20. What Are the Attributes of a "textarea" Element?
  21. What Is a "select" Tag/Element?
  22. What Is an "option" Tag/Element?
  23. What Is a "label" Tag/Element?
  24. Can Two Forms Be Nested?
  25. Do Broswers Support Multiple Forms?


Selected Developer Jobs:

More...