oslo_boating_project/boat-reservation-view/src/app/add-boat-component/add-boat.component.html

<div style="text-align: center;">
  <h2>REGISTER NEW BOAT</h2>
</div>
<form (submit)="addBoat()" #myForm="ngForm">
  <label for="name">Name:</label>
  <input type="text"
         id="name"
         name="name" [(ngModel)]="formData.name" required>

  <label for="capacity">Capacity:</label>
  <input type="number"
         id="capacity"
         name="capacity" [(ngModel)]="formData.capacity" required>

  <label for="cost">Cost:</label>
  <input type="number"
         id="cost"
         name="cost" [(ngModel)]="formData.cost" required>

  <input type="submit" value="Submit">
</form>