Forms

An AngularJS form is a collection of input controls like button, input elements. AngularJS has some features for binding data of HTML form input fields to the model object ($scope). You bind an input field to a model property using the ng-model directive

Html Controls

HTML input elements are called HTML controls:
  • input elements
  • select elements
  • button elements
  • textarea elements

Example of AngularJS Forms

Example

<div ng-app="" ng-controller="formController">
  <form novalidate>
    First Name:<input type="text" ng-model="firstName"><br>
    Last Name:<input type="text" ng-model="lastName"><br>
    <br>
  </form>
  <p> Full Name: {{ firstName }} {{ lastName}}</p>
</div>

<script>
function formController ($scope) {
   
$scope.firstName="Harry";
$scope.lastName="Porter";
}
</script>

Output

First Name:
Last Name:
Full Name: Harry Porter