JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html ng-app="demoApp">

<head>

  <script src="https://code.angularjs.org/1.4.9/angular.js" ></script>
</head>

<body ng-controller="demoController">
  <h2>Form</h2>
  <form action="" method="post" id="formid" name="testForm">
    First Name:
    <input type="text" ng-model="formData.Fname" maxlength="50" size="12" />
    <br/> Last Name:
    <input type="text" ng-model="formData.Lname" maxlength="50" size="12" />
    <br/> Select a Level of Education:
    <br/>
    <select ng-model="formData.education">
      <option value="Jr.High">Jr.High</option>
      <option value="HighSchool">HighSchool</option>
      <option value="College">College</option>
    </select>
    <br/>
    <p>
      <input type="submit" ng-click="serialize($event)" />
    </p>
  </form>
</body>

</html>

JavaScript

var app = angular.module('demoApp', []);

app.controller('demoController', function($scope) {
  $scope.formData = {}
  $scope.serialize = function($event){
    console.log($scope.formData)
    alert(JSON.stringify($scope.formData))
    $event.preventDefault()
  }
});