JQuery用button实现添加和删除文本框,文本框可拖拽，改变大小

Question

点击按钮添加文本框，点击删除文本框被删除。并且文本框可大可小，可随便拖拽

Answer 1

假如父容器id叫pt,

追加一个文本框，代码如下

$("#pt").append("<input/>");

建议添加的textarea，设置固定高度，宽度，然后超过就滚动条；如果可以随便拖动大小？你页面样式如何控制？

追问

在页面中可随便拖拽和改变文本框大小呢？具体页面样式就是在画布中任意位置可以插入文本框，并且可以随便改变文本框大小，对它进行拖拽。就类似于PPT中的插入文本框一样。因为本人初学Jquery，而且急用代码，大神能给个完整代码实现我的要求吗？万分感谢！

Answer 2

$('#btnAdd').click(function(){
$(body).append('<textarea></textarea>');
});

$('#btnRemove').click(function(){
$(body).remove('textarea');
});

追问

本人初学Jquery，而且急用代码，大神能给个完整代码实现我的要求吗？万分感谢

追答

html：

配合上面的js就是完整代码！

追问

但是还没有实现在画布中任意位置可以插入文本框，并且可以随便改变文本框大小，对它进行拖拽。就类似于PPT中的插入文本框一样。我想要的就是这样的完整源代码