Как вписать текст в верхний угол text area?

Question

[nluparev]

Как сделать чтобы текст "Напишите сообщение" показывался в верхнем углу как это сделано ниже на макете?



еще один скрин с примером



спасибо за Ваш ответ

Answer 1

[CODALSD]

<div>
      <textarea type="text"></textarea>
   </div>

div {
 position:relative;
 padding-top:20px;
	margin:30px;
}
div:before {
 content:"текст";
 position:absolute;
 top:30px;
 left:20px;
	color:#000;
	z-index:10;
}
textarea {
	width:300px;
	height:200px;
	padding:40px 0 0 20px;
}

стили сами подправите как будет удобно

Answer 2

[Дмитрий]

placeholder же
htmlbook.ru/html/textarea/placeholder

Comments

[ThunderCat]

нет, видно же что при наличии текста он не уходит