How do I put a clear button inside my HTML text input box like the iPhone does?

Question

I want to have a nice little icon that, when clicked will clear the text in the box.

This is to save space rather than having a clear link outside of t

Answer 1

Check out our jQuery-ClearSearch plugin. It's a configurable jQuery plugin - adapting it to your needs by styling the input field is straightforward. Just use it as follows:

​ Example: http://jsfiddle.net/wldaunfr/FERw3/