Auto Resize Text to Fit Form Input with jQuery

Question

I'm looking for a method, using jQuery, to change the font size in a form input field so that no matter how much the user types, it is always visible and fits. In other words, to start with a font size of 13px and when the text reaches the width of the input field, the font size progressively gets smaller to accommodate.

I've found many methods of resizing the field itself, but not the text. Hopefully one of you who know jQuery better than I can help out.

Thanks!

Take a look at the fittext plugin. It might have some answers to this problem: fittextjs.com — DA.
– DA., Commented Jul 3, 2011 at 18:18

vxsx · Accepted Answer · 2011-07-19 12:23:36Z

4

https://github.com/vxsx/jquery.inputfit.js

answered Jul 19, 2011 at 12:23

vxsx

4681 gold badge5 silver badges12 bronze badges

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

1 Comment

stefmikhail Over a year ago

I will take a look at that and let you know how it works. Thanks!

Collectives™ on Stack Overflow

Auto Resize Text to Fit Form Input with jQuery

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