Placeholder don't work with angular materiel?

Question

<select id="chefId" formControlName="chefId" class="form-control"  placeholder="d.ff">
  <option value=""  selected disabled>Sélectionner un Chef</option>
  <option *ngFor="let buHead of buHeads" [value]="buHead.userId">{{ buHead.name }}</option>
</select>

I want to give a chefId a placeholder

(https://i.sstatic.net/Z9DCN3mS.png)

  this.addUserForm = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      password: ['', Validators.required],
      confirmPassword: ['', Validators.required],
      role: ['', Validators.required],
      chefId: [''],
    });