<form [formGroup]="artistForm" (ngSubmit)="onSubmit()" novalidate autocomplete="off">
<div class="form-row">
<div class="col">
<div class="md-form mt-0">
<input mdbInputDirective type="text" id="name" data-error="Enter value for Name"
class="form-control" [validateSuccess]="false" formControlName="name">
<label for="name">*Name</label>
</div>
<input mdbInputDirective type="text" id="age" data-error="Enter value for age"
class="form-control" [validateSuccess]="false" formControlName="age">
<label for="age">*Age</label>
<input mdbInputDirective type="text" id="yearsActive" data-error="Enter value for Name"
class="form-control" [validateSuccess]="false" formControlName="yearsActive">
<label for="name">*Years Active</label>
<div class="col mt-0">
<mdb-select [options]="genreOptions" id="genre" placeholder="Genre"
formControlName="genre" name="genre">
</mdb-select>
<button mdbBtn mdbWavesEffect color="secondary" block="true" class="my-4" type="submit">Sign up</button>
</form>
<form [formGroup]="artistForm" (ngSubmit)="onSubmit()" novalidate autocomplete="off">
<div class="form-row"> <div class="col"> <div class="md-form mt-0"> <input mdbInputDirective type="text" id="name" data-error="Enter value for Name" class="form-control" [validateSuccess]="false" formControlName="name"> <label for="name">*Name</label> </div> </div> <div class="col"> <div class="md-form mt-0"> <input mdbInputDirective type="text" id="age" data-error="Enter value for age" class="form-control" [validateSuccess]="false" formControlName="age"> <label for="age">*Age</label> </div> </div> </div>
<div class="form-row">
<div class="col"> <div class="md-form mt-0"> <input mdbInputDirective type="text" id="yearsActive" data-error="Enter value for Name" class="form-control" [validateSuccess]="false" formControlName="yearsActive"> <label for="name">*Years Active</label> </div> </div>
<div class="col mt-0"> <div class="md-form mt-0"> <mdb-select [options]="genreOptions" id="genre" placeholder="Genre" formControlName="genre" name="genre"> </mdb-select> </div> </div> </div>
<button mdbBtn mdbWavesEffect color="secondary" block="true" class="my-4" type="submit">Sign up</button></form>