March 18th, 2010

Css, Jquery

Styling input type file

This simple script will help you design your <input type=file > in more attractive way.
By overlapping a designed <input type=”button” > that will act as browse button and adding another <input type=”text” > that will show the value of the file upload. Using Jquery on change() the we can get the value of the <input type=file > and pass it to our <input type=”text” >. If your having a hard time to visualizing, you can check the demo or download the file and explore it. Please do check it with firebug so that you can see more clearly.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">