Можно ли зафиксировать текст в textarea?

Question

[Guzh]

Необходимо, что бы при изменении текста в textarea было нечто типа заголовка "Фиксированный текст" который нельзя стереть. Можно ли это сделать без игр с value?

Answer 1

[Negwereth]

Не лучше ли завернуть textarea в что-то и приделать туда шапку компонента?

<section class="text-component">
  <header>Заголовок компонента</header>
  <textarea></textarea>
</section>

UPD:

Относительно уточнения в комментариях:

JSFiddle

p.fixed {
  float: left;
  font-weight: bold;
}

<p class="fixed">Hello</p>
<div contenteditable>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quia cupiditate sint culpa repudiandae et, sapiente voluptatibus quos architecto eius possimus aliquam nesciunt. Asperiores ratione expedita voluptate possimus commodi optio.
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium totam, dignissimos ab earum dolore exercitationem fugiat itaque doloribus fugit provident quas, corporis qui. Earum quod dolorum facilis, similique illum distinctio.
</div>

Comments

[Guzh]

Способ в целом не важен, нужно добиться чтобы результат соответствовал "подобию макету". А по "подобию макета" хедер находится внутри компонента и текст компонента его обтекает.

[Negwereth]

Guzh, по макету этого особо не видно.
Попробуйте contenteditable.

Answer 2

[twobomb]

1 вариант наложить сверху див с нужным текстом в нужном положении
2 вариант сделай нужную регулярку и постоянно обрабатывать все это в событии change этой textarea

Comments

[Guzh]

Как можно реализовать первый вариант? Как я понял, нужно будет наложить некий отступ на первую строку в textarea?

[twobomb]

Guzh, Второй лучше мне кажется.

[4mobile]

1-й проще как мне кажется

<div class="textarea-wrap">
  <div class="textarea-title">Фиксированный текст</div>
  <textarea></textarea>
</div>

.textarea-wrap {position: relative;}
.textarea-title {position: absolute; top: 0; left: 0;}
textarea {padding-top: 20px;}

[Guzh]

4mobile, в целом да, но текст не обтекает, т.е. заголовок вверху, а текст снизу. Нужно чтобы текст вводился сразу после фиксированного, в одну строку.

[4mobile]

Guzh, js вас спасет тогда, с играми с value