javascriptjqueryinputtextarearesizable

How to make text input box resizable (like textarea) by dragging its right-bottom corner using jQuery?

I would like to have (preferrably in jQuery) regular text input box which can be clicked and dragged by its right-bottom corner (e.g. like textareas have in Chrome) and resized by user ?

Can't find any jQuery plugin already implementing this. Can anybody give me hint if something like this exists or how could it be easily implemented ?

Thank you in advance.

EDIT: I want to be resizable similarly like textarea is in Chrome...

Solution

  • You don't need jQuery to handle this. What you need is css.

    #yourTextInput{
resize:both;
}

    This will allow your text input to have the resize option on the right