Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.07.2015, 07:31
Аспирант
Отправить личное сообщение для SKLNSK Посмотреть профиль Найти все сообщения от SKLNSK
 
Регистрация: 27.02.2015
Сообщений: 66

всегда видеть placeholder
Как сделать чтобы надпись placeholder при вводе не исчезала?

Я сделал placeholder как подпись к полю - сместил вверх и хочу чтобы всегда видно было эту подпись. Так:

::-webkit-input-placeholder {
position: relative;
top: -15px;
}
Ответить с цитированием
  #2 (permalink)  
Старый 16.07.2015, 16:03
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

Сообщение от SKLNSK Посмотреть сообщение
Как сделать чтобы надпись placeholder при вводе не исчезала?
Подставить на задный план поля ввода, тег с текстом из placeholders, с меньшим z-index. Полю ввода прописать прозрачный background-color.
Ответить с цитированием
  #3 (permalink)  
Старый 17.07.2015, 09:50
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

SKLNSK, что-то типа такого...

<style type='text/css'>
div {
	position: relative;
	display: inline;
}
p {
	position: absolute;
	top: -15px;
	left: 10px;
	color: silver;
	z-index: 1;
}
input {
	position: relative;
	background-color: transparent;
	z-index: 2;
}
</style>
<div>
	<p>Напиши текст...</p>
	<input type='text' />
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
placeholder под IE mixtape Events/DOM/Window 4 18.09.2014 22:13
jquery для placeholder работает только для первого input в ie Nailya jQuery 1 13.05.2014 09:57
JS загружает изображение всегда с локального кэша - почему? buhpro Общие вопросы Javascript 4 02.10.2013 21:01
window.scroll не всегда срабатывает... prohor.zotikov Общие вопросы Javascript 0 11.12.2012 11:37
Не всегда срабатывает onclick Almiur Events/DOM/Window 7 25.11.2011 11:39