Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   всегда видеть placeholder (https://javascript.ru/forum/xhtml-html-css/57033-vsegda-videt-placeholder.html)

SKLNSK 16.07.2015 07:31

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

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

::-webkit-input-placeholder {
position: relative;
top: -15px;
}

join 16.07.2015 16:03

Цитата:

Сообщение от SKLNSK (Сообщение 379929)
Как сделать чтобы надпись placeholder при вводе не исчезала?

Подставить на задный план поля ввода, тег с текстом из placeholders, с меньшим z-index. Полю ввода прописать прозрачный background-color.

ksa 17.07.2015 09:50

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>


Часовой пояс GMT +3, время: 05:22.