form

<div class="container pt-4">
  <div class="row">
    <div class="col-6 border">
      <h3>Quotes</h3>
      <form [formGroup]="userForm" (submit)="handleForm()">
        <div class="form-group">
            <label for="message">Message</label>
            <textarea id="message" name="message" class="form-control" rows="3" formControlName="message" form="userForm"></textarea>
        </div>
        <div class="form-group">
            <label for="author">Author</label>
            <input id="author" type="text" name="author" class="form-control" placeholder="" formControlName="author" form="userForm">
        </div>
        <div class="form-group">
            <label for="book">Book</label>
            <input id="book" type="text" name="book" class="form-control" placeholder="" formControlName="book" form="userForm">
        </div>

        <div class="form-group float-right">
            <button type="submit" class="btn btn-white">Cancel</button>
            <button type="submit" class="btn btn-primary" [disabled]="!userForm.valid" >Submit</button>
        </div>
      </form>
    </div>
  </div>
</div>