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

146
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="что то">

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

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

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

 236
Неправильный margin в css
HTML

Неправильный margin в css

Возникла проблема при заполнении контейнера в css

 155
Работа с элементом, который вложен в другой
jQuery

Работа с элементом, который вложен в другой

Как работать с элементами, которые находятся внутри другого элемента?

 114
Почему методы доступа {get;set;} с маленькой буквы
c#

Почему методы доступа {get;set;} с маленькой буквы

Подскажите новичку принципы написания методовВ языке они пишуться по традиции с большой буквы, но методы доступа пишутся с маленькой

 136