How to resize text in a textbox if it is too large till a certain size
<p><a href="https://auth.me.com/authenticate" rel="nofollow"><code>https://auth.me.com/authenticate</code></a></p>

<p>On this website when you type in your email address , the font-size will automatically be reduced if the email address fills the box size. </p>

<p><img src="http://i.stack.imgur.com/5Mjik.png" alt="enter image description here"></p>

<p><img src="http://i.stack.imgur.com/oWNt5.png" alt="enter image description here"></p>

<p><img src="http://i.stack.imgur.com/bTMcC.png" alt="enter image description here"></p>

<ul>
<li><p>How can we do the same using Javascript? </p></li>
<li><p>which are the events that are being fired / captured ?</p></li>
</ul>
