How to Reset an HTML Checkbox

If you have an especially long Web page form that your visitor fills out, consider adding a reset button to give her a convenient way to start over in the event of errors. When clicked, this reset feature erases all previously marked entries on the checkboxes and other input areas where data is entered. Use your computer's text editor program to add the HyperText Markup Language (HTML) that enhances your existing form with a reset button.

Instructions

    • 1

      Bring up your computer's text editor program and open the Web page that contains the HTML checkbox.

    • 2

      Locate the code for your form by finding the beginning and ending "<form></form>" tags. Position your cursor just before the closing form tag in the area where your "Submit" button is typically found.

    • 3

      Enter "<input type="reset" />" to create a button that clears away any entries on the form's checkboxes and other input fields.

    • 4

      Type "value=" between the input code's angle brackets and enter a label, such as "Reset" or "Start Over," in quotation marks after this attribute. For example:

      <input type="reset" value="Reset" />

      The value is what actually displays on the button to help the user understand what happens when he clicks it.

    • 5

      Save your page. Launch your Web browser, click the "Open" or "Open File" option under the "File" menu and preview your document to test the new reset feature.

Related Searches:

References

Resources

Comments

Related Ads

Featured