How to reset form input element on click

• Reset form input element by name on click using jQuery

  <form id="formId" method="POST" action="../">
      <input type="text" name="first_name" value="w3codegenerator.com" />
  </form>
  <button type="button"> Click button </button>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
      $('button').on('click', function(){
          $('#formId').find('input[name="first_name"]').val('');
      });
  })
  </script>
  

• Reset form on click button using reset() method in jQuery

  <form id="FormId">
      <input type="text" name="name" />
  </form>
  <button type="button"> Reset Form </button>
  
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script>
  $(document).ready(function() {
      $("button").click(function() {
          $("#FormId")[0].reset()
      });
  });
  </script>
  

Back to code snippet queries related jquery