Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
ravlex
@ravlex
HTML
CSS
Как можно правильно реализовать такой placeholder?
Как можно правильно реализовать такой placeholder? Или же это обычный блок с absolute который пропадает при клике?
Вопрос задан
более трёх лет назад
138 просмотров
6
комментариев
Подписаться
1
Оценить
6
комментариев
Facebook
Вконтакте
Twitter
ravlex
@ravlex
Автор вопроса
Скрин из фотошопа.
Написано
более трёх лет назад
display: block
@qork
Блок с absolute.
Написано
более трёх лет назад
ravlex
@ravlex
Автор вопроса
qork
: а как сделать так, чтобы при клике по инпуту для ввода текста, оно пропадало? И если инпут пустой, чтобы блок снова отображался. Имитировать плейсхолдер в общем.
Написано
более трёх лет назад
Aslan
@iFlashka
ravlex
: focus и display none
Написано
более трёх лет назад
Snewer
@Snewer
ravlex
: на jQuery можно сделать, например.
Написано
более трёх лет назад
OVK2015
@OVK2015
Есть похожий
documentcloud.github.com/visualsearch
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Андрей Б.
@andykov
Shit happens
один из способов
https://jsfiddle.net/r1wtjrys/
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
Roman
@r_zaycev
С :focus не совсем правильно
Написано
более трёх лет назад
Андрей Б.
@andykov
Роман
да в верстке вообще много чего "не совсем правильно"
Написано
более трёх лет назад
nelolka
@nelolka
ПКМ -> Просмотр кода элемента.
Разумеется, это ненастоящий плейсхолдер.
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
ravlex
@ravlex
Автор вопроса
Это скрин из фотошопа, мне нужно это реализовать.
Написано
более трёх лет назад
Roman
@r_zaycev
Можно так:
https://jsfiddle.net/82crmxLd/
Только нужно учитывать, что :valid работает не везде
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как добавить прозрачность для sph в imgenx?
1 подписчик
9 часов назад
17 просмотров
0
ответов
HTML
Простой
Как убрать нежелательные теги?
1 подписчик
10 часов назад
53 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Простой счётчик без БД (допустим на основе txt файла)?
1 подписчик
20 часов назад
121 просмотр
4
ответа
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
вчера
90 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
вчера
74 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
13 мар.
106 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
12 мар.
203 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
12 мар.
112 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
191 просмотр
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
95 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама