Я искал, как это исправить, я применил scss и css, также javascript. Мне нужно, чтобы мой ввод отображал заполнитель, когда он открывается нормально, и когда вы фокусируетесь на нем, он будет отображать свою метку и выглядеть маленьким, как на этой фотографии.
https://i.stack.imgur.com/VxEqE.jpg
Это входной код, и метка, с которой я работаю, служит мне любым кодом, ts, js, css, html.
<label> Contraseña </label>
<input placeholder='Ingrese su contraseña...' [class.isinvalid]="loginForm.controls.contrasena.invalid && (loginForm.controls.contrasena.dirty || loginForm.controls.contrasena.touched || isSubmited)">
<div *ngIf="loginForm.controls.contrasena.invalid && (loginForm.controls.contrasena.dirty || loginForm.controls.contrasena.touched || isSubmited)">
<small *ngIf="loginForm.controls.contrasena.hasError('required')">La contraseña es requerido</small>
</div>
</div>