<mat-form-field appearance="fill">
  <mat-label>User name</mat-label>
  <input matInput
         placeholder="What is your name?"/>
  <mat-hint>
    Please enter your name
  </mat-hint>
</mat-form-field>

<mat-form-field appearance="fill">
  <mat-select placeholder="What is your gender?">
    <mat-option value="man">Male</mat-option>
    <mat-option value="woomen">Female</mat-option>
    <mat-option value="other">Other</mat-option>
  </mat-select>
  <mat-label>Gender</mat-label>
  <mat-hint>
    Please check your gender
  </mat-hint>
</mat-form-field>

<mat-form-field appearance="fill">
  <textarea matInput
            cdkTextareaAutosize
            cdkAutosizeMinRows="3"
            placeholder="Tell us about yourself">
  </textarea>
</mat-form-field>