<div class="container"> <table class="table"> <form> <div class="form-row"> <div class="row"> <tr> <td><label>User Name</label></td> <td> <input type="text" maxlength="29" ng-model="emp.username"/> <span style="color:red" ng-show="myForm.emp.username.$dirty && myForm.emp.username.$invalid"> <span ng-show="myForm.emp.username.$error.required">Username is required.</span> </span> </td> </tr> <tr> <td><label>First Name</label></td> <td> <input type="text" maxlength="29" ng-model="emp.firstName"/> </td> </tr> <tr> <td><label>Last Name</label></td> <td> <input type="text" maxlength="29" ng-model="emp.lastName"/> </td> </tr> <tr> <td><label id="email" for="email">Email</label></td> <td> <input class="form-check-label" type="email" maxlength="150" ng-model="emp.emailAddress"/> </td> </tr> <tr> <td><label>Phone</label></td> <td> <input type="text" maxlength="10" value="" ng-model="emp.phoneNumber"/> </td> </tr> </div> <div class="col"> <tr> <td><label>Education</label></td> <td> <input type="text" ng-model="emp.education"/> </td> </tr> <tr> <td><label>Home town</label></td> <td><input type="text" ng-model="emp.homeTown"/></td> </tr> <tr> <td><label>Department</label></td> <td><input type="text" ng-model="emp.department"/></td> </tr> <tr> <td><label>Position</label></td> <td><input type="text" ng-model="emp.position"/></td> </tr> <tr> </div> </div> </form> <td></td> <td> <input class="btn btn-primary" type="submit" name="submit" value="submit" ng-click="save();"/> <input class="btn btn-primary" type="submit" name="clear" value="clear" ng-click=" emp = null"/> </td> </tr> </table> </div> </div>