airman66
@airman66
[|]

Как сделать чтобы placeholder был сверху поля ввода?

Мне надо сделать так чтобы атрибут значение атрибута placeholder было не по середине как по дефолту в google chrome ,а в левом верхнем углу инпута прикрепил скриншот как это должно выглядеть. Искал в инете ничего не нашёл .ПОМОГИТЕ5d4871d72b1de719723854.png
  • Вопрос задан
  • 1400 просмотров
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Нечто типа этого, зачем тут что-то скрывать?


Или так, для доступности, с label:


Нужна анимация? JS в помощь для надёжности. Можно написать обработчики полей и анимацию кастомного placeholder на смене классов, а можно использовать плагин для автоматической генерации оных:
https://speckyboy.com/floating-form-label-plugins/

В будущем можно будет это всё делать с помощью только CSS. Но пока что не используйте CSS-метод а-ля этого, ибо не все браузеры нормально не работают с этим input:placeholder-shown. Или вообще не работают. Ну а так, через пару лет можно везде спокойно использовать CSS, чтобы делать так:
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
natojezlo
@natojezlo
так по дефолту он и должен занимать левый верхний угол
хоть бы скрин приложили где он по середине
Ответ написан
@jeruthadam
Я крут
Плохая идея стилизовать шадоу дом, используй лейбл или обычный див, если надо что-то больше, чем просто смена цвета и размера шрифта.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы