Quiero que mi cuadro de texto de tipo de entrada se pueda cambiar de tamaño y también que se pueda arrastrar aquí está mi código

 input = document.createElement('input'); input.id = "dragInputelement"; x = e.clientX; y = e.clientY; input.type = 'text'; input.value = "This is input box"; input.style.position = 'absolute'; x1 = input.style.left = (x - 30) + 'px'; y1 = input.style.top = (y - 30) + 'px'; input.style.background = "transparent"; input.style.color = '#EC0909'; input.style.color = defaultcolor; input.style.borderWidth = '0px'; document.body.appendChild(input); input.show(); $("#dragInputelement").draggable(); $("#dragInputelement").resizeable(); hasInput = true;