title: how to exclude few inputs from resetting in a html form
body: <p>There is a form with 2 inputs and a button that resets the inputs. When the button is clicked, how can I make first input unchanged (i.e it should not reset the value). How can I achieve it?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
      &lt;head&gt;
          &lt;title&gt;Add-More example - fileuploader - Innostudio.de&lt;/title&gt;
          
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class=&quot;file-loading&quot; style=&quot;margin: 50px;&quot;&gt;
              &lt;form&gt;
                  &lt;input id=&quot;no_reset&quot; type=&quot;text&quot;&gt;
                  &lt;input id=&quot;input-fa&quot; type=&quot;text&quot;&gt;
                  &lt;button type=&quot;reset&quot; onclick=&quot;removeReset()&quot;&gt;
                      &lt;i class=&quot;fas fa-sync&quot;&gt;&lt;/i&gt;submit
                   &lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          
          &lt;script&gt;
              function removeReset() {
                  //it doesn't work
                  document.getElementById(&quot;no_reset&quot;).value = &quot;dont reset&quot;;
              }
          &lt;/script&gt;
          &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>