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

Question

[Vasyl Pylypiv]

var oriVal;
        $("#todolist").on('dblclick', 'span', function () {
            oriVal = $(this).text();
            $(this).text();
            $("<input type='text'>").appendTo(this).focus();

        });

<ul id="todolist">
<li>Some text to be changed</li>
</ul>

Answer 1

[vista1x]

Если правильно Вас понял, то вот так: jsfiddle.net/xxqvhav2/1

Comments

[Vasyl Pylypiv]

А как сделать submit по нажатию Enter. У меня вместо submit'a удаляет весь текст. jsfiddle.net/4568ekbr/1

[vista1x]

Vasyl Pylypiv: jsfiddle.net/4568ekbr/3

[Vasyl Pylypiv]

А можете подсказать еще раз, я немножко стилизовал, и оно опять "уползло" jsfiddle.net/4568ekbr/6

[vista1x]

Vasyl Pylypiv: нужно компенсировать padding и margin :) jsfiddle.net/4568ekbr/8