Как сделать, чтобы при вводе в инпут не скрывался placeholder?
input,select,textarea{
border-radius: 4px;
border: 1px solid #DCECF4;
color: #81819F;
font-family: 'Rubik';
font-weight: 400;
font-size: 14px;
padding: 0 15px;
}
input,select{
height: 40px;
}
input.field::placeholder {
font-size: 16px;
color: #81819F;
transition: 0.3s;
opacity: 1;
}
input.field:focus::placeholder {
transform: translateY(-18px);
font-size: 14px;
}
<input type="text" class="field" name="email" value="" placeholder="Email">
<input type="text" class="field" name="password" value="" placeholder="Пароль">