HTML input field width (related to JavaScript)

Question

I want to make an input field that has a min-width of 25px and a width of 10px per entered character. Therefore, each character entered after the second will increase the width of the input field. Lastly, the input field should become smaller when characters are deleted.

I just need an idea of how to solve the variable width based on input characters. Suggestions?

Thanks!

Niet the Dark Absol · Accepted Answer · 2011-11-08 06:23:05Z

3

This is trivial.

<input type="text" style="width: 25px;"
               onKeyUp="this.style.width = Math.max(25,this.value.length*10)+'px';" />

answered Nov 8, 2011 at 6:23

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tekknolagi Over a year ago

dammit. the fast answerers :)

Collectives™ on Stack Overflow

HTML input field width (related to JavaScript)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related