在此页

• 值
• Using reset buttons
• 验证
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

<input> elements of type reset are rendered as buttons, with a default click event handler that resets all of the inputs in the form to their initial values.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

You should usually avoid including reset buttons in your forms. They're rarely useful, and are instead more likely to frustrate users who click them by mistake (often while trying to click the submit button ).

值	A DOMString used as the button's label
事件	click
Supported common attributes	type and value
IDL attributes	value
方法	None

值

An <input type="reset"> 元素的 value attribute contains a DOMString that is used as the button's label. Buttons such as reset don't have a value otherwise.

<input type="reset" value="Reset the form">

If you don't specify a value , you get an button with the default label (typically "Reset," but this will vary depending on the 用户代理 ):

<input type="reset">

Using reset buttons

<input type="reset"> buttons are used to reset forms. If you want to create a custom button and then customize the behaviour using JavaScript, you need to use <input type="button"> , or better still, a <button> 元素。

A simple reset button

We'll begin by creating a simple reset button:

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text">
  </div>
  <div>
    <input type="reset" value="Reset the form">
  </div>
</form>

This renders like so:

Try entering some text into the text field, and then pressing the reset button.

Adding a reset keyboard shortcut

To add a keyboard shortcut to a reset button — just as you would with any <input> for which it makes sense — you use the accesskey 全局属性。

在此范例中， r is specified as the access key (you'll need to press r plus the particular modifier keys for your browser/OS combination; see accesskey for a useful list of those).

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text">
  </div>
  <div>
    <input type="reset" value="Reset the form"
     accesskey="r">
  </div>
</form>

The problem with the above example is that there's no way for the user to know what the access key is! This is especially true since the modifiers are typically non-standard to avoid conflicts. When building a site, be sure to provide this information in a way that doesn't interfere with the site design (for example by providing an easily accessible link that points to information on what the site access keys are). Adding a tooltip to the button (using the title attribute) can also help, although it's not a complete solution for accessibility purposes.

Disabling and enabling a reset button

To disable a reset button, simply specify the 被禁用 global attribute on it, like so:

<input type="reset" value="Disabled" disabled>

You can enable and disable buttons at run time by simply setting 被禁用 to true or false ; in JavaScript this looks like btn.disabled = true or btn.disabled = false .

注意 : See the <input type="button"> page for more ideas about enabling and disabling buttons.

验证

Buttons don't participate in constraint validation; they have no real value to be constrained.

范例

We've included simple examples above. There isn't really anything more to say about reset buttons.

规范

规范	状态
HTML 实时标准 The definition of '<input type="reset">' in that specification.	实时标准
HTML5 The definition of '<input type="reset">' in that specification.	推荐

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
type="reset"	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1 注意事项 完整支持 1 注意事项 注意事项 Unlike other browsers, Firefox by default persists the dynamic disabled state 的 <button> across page loads. Use the autocomplete attribute to control this feature.	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 1	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4 注意事项 完整支持 4 注意事项 注意事项 Unlike other browsers, Firefox by default persists the dynamic disabled state 的 <button> across page loads. Use the autocomplete attribute to control this feature.	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes

图例

完整支持

完整支持

见实现注意事项。

见实现注意事项。

另请参阅

• <input> 和 HTMLInputElement interface which implements it.
• Forms and buttons
• Forms (accessibility)
• HTML 表单
• <button> element
• Compatibility of CSS properties

元数据

• 最后修改： Oct 11, 2020

相关话题

1. <button>
2. <datalist>
3. <fieldset>
4. <form>
5. <input>
6. <label>
7. <legend>
8. <meter>
9. <optgroup>
10. <option>
11. <output>
12. <progress>
13. <select>
14. <textarea>
15. <input> 类型

    1. <input type="button">
    2. <input type="checkbox">
    3. <input type="color">
    4. <input type="date">
    5. <input type="datetime">
    6. <input type="datetime-local">
    7. <input type="email">
    8. <input type="file">
    9. <input type="hidden">
    10. <input type="image">
    11. <input type="month">
    12. <input type="number">
    13. <input type="password">
    14. <input type="radio">
    15. <input type="range">
    16. <input type="reset">
    17. <input type="search">
    18. <input type="submit">
    19. <input type="tel">
    20. <input type="text">
    21. <input type="time">
    22. <input type="url">
    23. <input type="week">
16. HTML 元素

    1. A
       1. <a>
       2. <abbr>
       3. <acronym>
       4. <address>
       5. <applet>
       6. <area>
       7. <article>
       8. <aside>
       9. <audio>
    2. B
       1. <b>
       2. <base>
       3. <basefont>
       4. <bdi>
       5. <bdo>
       6. <bgsound>
       7. <big>
       8. <blink>
       9. <blockquote>
       10. <body>
       11. <br>
       12. <button>
    3. C
       1. <canvas>
       2. <caption>
       3. <center>
       4. <cite>
       5. <code>
       6. <col>
       7. <colgroup>
       8. <content>
    4. D
       1. <data>
       2. <datalist>
       3. <dd>
       4. <del>
       5. <details>
       6. <dfn>
       7. <dialog>
       8. <dir>
       9. <div>
       10. <dl>
       11. <dt>
    5. E
       1. <em>
       2. <embed>
    6. F
       1. <fieldset>
       2. <figcaption>
       3. <figure>
       4. <font>
       5. <footer>
       6. <form>
       7. <frame>
       8. <frameset>
    7. G H
       1. <h1>
       2. <h2>
       3. <h3>
       4. <h4>
       5. <h5>
       6. <h6>
       7. <head>
       8. <header>
       9. <hgroup>
       10. <hr>
       11. <html>
    8. I
       1. <i>
       2. <iframe>
       3. <img>
       4. <input>
       5. <ins>
       6. <isindex>
    9. J K
       1. <kbd>
       2. <keygen>
    10. L
        1. <label>
        2. <legend>
        3. <li>
        4. <link>
        5. <listing>
    11. M
        1. <main>
        2. <map>
        3. <mark>
        4. <marquee>
        5. <menu>
        6. <menuitem>
        7. <meta>
        8. <meter>
    12. N
        1. <nav>
        2. <nobr>
        3. <noframes>
        4. <noscript>
    13. O
        1. <object>
        2. <ol>
        3. <optgroup>
        4. <option>
        5. <output>
    14. P
        1. <p>
        2. <param>
        3. <picture>
        4. <plaintext>
        5. <pre>
        6. <progress>
    15. Q
        1. <q>
    16. R
        1. <rp>
        2. <rt>
        3. <rtc>
        4. <ruby>
    17. S
        1. <s>
        2. <samp>
        3. <script>
        4. <section>
        5. <select>
        6. <shadow>
        7. <slot>
        8. <small>
        9. <source>
        10. <spacer>
        11. <span>
        12. <strike>
        13. <strong>
        14. <style>
        15. <sub>
        16. <summary>
        17. <sup>
    18. T
        1. <table>
        2. <tbody>
        3. <td>
        4. <template>
        5. <textarea>
        6. <tfoot>
        7. <th>
        8. <thead>
        9. <time>
        10. <title>
        11. <tr>
        12. <track>
        13. <tt>
    19. U
        1. <u>
        2. <ul>
    20. V
        1. <var>
        2. <video>
    21. W
        1. <wbr>
    22. X Y Z
        1. <xmp>