Как сделать input при клике на текст?

Question

[Никита Никонов]

Есть обычный <p>, в который вывожу текст. Нужно, чтобы при клике на этот <p>, он превращался в <input>, и в этом инпуте оставался по умолчанию тот же текст, что был до этого в <p>.

Comments

[Евгений]

Предложу еще вариант)
createElement()
replaceChild()

Answer 1

[hzzzzl]

Answer 2

[Степан Крапивин]

htmlbook.ru/html/attr/contenteditable

Comments

[Никита Никонов]

А как сделать, что бы это было частью формы, и отправлялось вместе с данными из др. полей?

[Степан Крапивин]

RickCastle2018,

1. отслеживать у формы событие submit
   
2. прерывать событие
   
3. брать содержимое блока и пихать в данные формы
   
4. отсылать форму
   

Answer 3

[Andrey Vasilev]

https://codepen.io/Nolis/pen/gOaawvj
Вариант на jQuery

Comments

[Никита Никонов]

Спасибо, но тут нужен чистый JS....

[Andrey Vasilev]

RickCastle2018, да мало ли кому пригодится, а чистый js уже получили)