ng pattern email validation in angularjs

<!doctype html>
<html ng-app>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script>
  <script>
    function MainCtrl($scope) {
      $scope.emailId = '';
    }
  </script>
</head>

<body>
  <form name="myForm" ng-controller="MainCtrl">
    Email *:
    <input type="email" name="inputtext" ng-model="emailId" required>
    <span class="error" ng-show="myForm.inputtext.$error.required">Required!</span>
    <span class="error" ng-show="myForm.inputtext.$error.email">Not valid email!</span>
    <lable>{{text}}</lable>
  </form>
</body>



</html>

// Code goes here

/* Styles go here */

.error{
        color:red;
}