Чтобы показать подсказку в поле, нужно написать аттрибуту placeholder в теге <input>, чтобы стилизировать подсказку нужно в стилях написать input::placeholder, вот пример:
index.html:
Код:
<!DOCTYPE html>
<html>
<head>
<title>Пример Placeholder</title>
<style>
input { border:1px solid #bbb; box-shadow:0px 0px 3px #aaa;}
.field::placeholder { color:rgba(255, 0, 0, 0.3); }
</style>
</head>
<body>
<input placeholder="Введите вашу фамилию">
<br>
<br>
<input class="field" placeholder="Введите ваше имя">
</body>
</html>Результат:
