Untitled

<html>
 <head>
 <title>Angular practice</title>
 </head>
 <body>
 <div ng-app="" ng-controller="studentController">
    <form name="studentForm" novalidate>
    <table>
        <tr>
            <td>first name</td>
            <td><input name="firstname" type="text" ng-model="firstName"       required>
                <span style="color: red;" ng-show="studentForm.firstname.$dirty && studentForm.firstname.$invalid">
                    <span ng-show="studentForm.firstname.$error.required">enter first name</span>
                </span>
            </td>
        </tr>
        <tr>
            <td>last name</td>
            <td><input name="lastname" type="text" ng-model="lastName" required>
            <span style="color: red;" ng-show="studentForm.lastname.$dirty && studentForm.lastname.$invalid">
                    <span ng-show="studentForm.lastname.$error.required">enter last name</span>
                </span>
            </td>
        </tr>
        <tr>
            <td>email</td>
            <td><input name="email" type="email" ng-model="email" required>
            <span style="color: red;" ng-show="studentForm.email.$dirty && studentForm.email.$invalid">
                    <span ng-show="studentForm.email.$error.required">enter email ID</span>
                    <span ng-show="studentForm.email.$error.email">Invalid email</span>
                </span>
            </td>
        </tr>
        <tr>
            <td><button ng-click="reset()">Reset</button></td>
            <td><button ng- disabled="studentForm.firstname.$dirty &&
                                        studentForm.firstname.$invalid ||
                                        studentForm.lastname.$dirty && studentForm.lastname.$invalid||
                                        studentForm.email.$dirty && studentForm.email.$invalid"
                        ng-click="submit()">Submit</button>
            </td>
        </tr>
        </table>
    </form>
    </div>

    <script>
        function studentController($scope){
            $scope.reset = function(){
                $scope.firstName = "uthej";
                $scope.lastName  = "ks";
                $scope.email     = "uthej@gmail.com";
            }
            $scope.reset();
        }
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</body>
</html>

<div ng-app="myApp" ng-controller="studentController">

var app = angular.module('myApp', []);
app.controller('studentController', function ($scope) {
    $scope.reset = function () {
        $scope.firstName = "uthej";
        $scope.lastName = "ks";
        $scope.email = "uthej@gmail.com";
    }
    $scope.reset();
});

<div ng-app="demoApp" ng-controller="studentController">
    <form name="studentForm" novalidate>
        // form fields will goes here....
    </form>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script>
        var app = angular.module("demoApp", []);
        app.controller("studentController", function($scope){
            $scope.reset = function(){
                $scope.firstName = "uthej";
                    $scope.lastName  = "ks";
                    $scope.email     = "uthej@gmail.com";
            };$scope.reset();

        });
    </script>