HTML input reset example code tutorial

Libraries

HTML Library CSS Library JavaScript Library PHP Library

Videos

PHP and MySQL JavaScript HTML and CSS Vector and 3D Flash Actionscript Android Dev Miscellaneous

Resources

HTML input reset example Share / Like

Setting the HTML input element's type attribute to "reset" will render a button which resets all of the components in a web <form> that it is part of.

HTML CODE EXAMPLE

<form action="parse_file.php" name="myForm" method="post">
  <p>Your Name: <br />
  <input type="text" name="senderName" /> </p>
  <p>Your Email: <br />
  <input type="text" name="senderEmail" /> </p>
  <input name="Submit" type="submit" value="Submit Info">
  or
  <input type="reset" value="Reset the Form">
</form>

Attributes for this element:

type - specify the type of input
Value: "reset"

name - specify the input's name that your form parsing script will access
Possible Values: "short descriptive name"

value - specify the reset button's value
Possible Values: "a string"

disabled - specify that the input be disabled
Possible Values: "disabled"

global attributes - global core attributes
See: list of global attributes

New HTML5 attributes for this element:(applies 2014)

form - set a relationship between the input and a form
Possible Values: "a form's id attribute value"

autofocus - specify that the input receive focus when page is loaded
Possible Values: "autofocus"

Event handlers for this element:

global event handlers - global event handler attributes
See: list of global event handlers