Переместить placeholder вверх input'а

183

07 июля 2019, 07:50

Каким образом можно вынести текст в placeholder в левый верхний угол окна ввода?

Пример кода

.test { 
  height: 50px 
} 
 
.test::placeholder {}

<form action="/" method="POST"> 
  <input placeholder="Текст комментария" class="test" type="text" name="name" /> 
</form>

Answer 1

input { 
  padding: 10px 0; 
} 
 
input:focus::placeholder { 
  transform: translateY(-10px); 
}

<input type="text" placeholder="что то">

Создание эксклюзивного проекта в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Анимация в браузере Microsoft Edge

У меня есть анимация, и она работает четко во всех браузерах, но когда я открываю страницу через Microsoft Edge, моя анимация не работает, и я не вижу...

314

HTML