I want my input type text box re-sizeable and also make it draggable here's my code

    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;