Hello Reader's If you want to reset your html form then the easiest way to do it is by using Angular JS. Lets see its example as below:-

<div ng-app="myApp" ng-controller="formCtrl">
  <form novalidate>
    First Name:<br>
    <input type="text" ng-model="user.firstName"><br>
    Last Name:<br>
    <input type="text" ng-model="user.lastName">
    <br><br>
    <button ng-click="reset()">RESET</button>
  </form>
  <p>form = {{user}}</p>
  <p>master = {{master}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
    $scope.master = {firstName: "Findnerd", lastName: "the portal"};
    $scope.reset = function() {
        $scope.user = angular.copy($scope.master);
    };
    $scope.reset();
});
</script>

Now here in code the default value of first text box is "Findnerd" and last name is "the portal". But now if user fill the details and if he want to reset the form, Then form will auto refresh and will show the default values. This will load on user side so it will take less time.