Демо CSS: :placeholder-shown

<form>
    <label for="name">Повне ім'я:</label>
    <input name="name" type="text" />

    <label for="email">Адреса електронної пошти:</label>
    <input name="email" type="email" placeholder="name@example.com" />

    <label for="age">Ваш вік:</label>
    <input name="age" type="number" value="18" placeholder="Вам повинно бути 18+" />
</form>

​x
 
<form>
    <label for="name">Повне ім'я:</label>
    <input name="name" type="text" />
​
    <label for="email">Адреса електронної пошти:</label>
    <input name="email" type="email" placeholder="name@example.com" />
​
    <label for="age">Ваш вік:</label>
    <input name="age" type="number" value="18" placeholder="Вам повинно бути 18+" />
</form>
​

label {
    display: block;
    margin-top: 1em;
}

input:placeholder-shown {
    background-color: ivory;
    border: 2px solid darkorange;
    border-radius: 5px;
}

xxxxxxxxxx
 
label {
    display: block;
    margin-top: 1em;
}
​
input:placeholder-shown {
    background-color: ivory;
    border: 2px solid darkorange;
    border-radius: 5px;
}

Демо CSS: :placeholder-shown

Output

Console Output