How to change “Choose file” into “Browse”?

I want to change the default value of <input type="file" /> from “Choose file” to “Browse”. How to do that?

Answers


Hide it and use a other control to trigger it.

<a href="#" onclick="document.getElementById('fileID').click(); return false;" />Browse</a>
<input type="file" id="fileID" style="visibility: hidden;" />

I created a jsFiddle to show how, you can find it here: Custom browse button


Here is another solution; hiding file-type input field (button) and placing another regular button-type input field (button) which allows one to change its content - triggering first file button (lower one) is done with JavaScript clicking on second regular button (upper one).

Howto Style the Button of a input type="file" Control


Need Your Help

BeautifulSoup: Get the contents of a specific table

python web-scraping beautifulsoup tabular

My local airport disgracefully blocks users without IE, and looks awful. I want to write a Python scripts that would get the contents of the Arrival and Departures pages every few minutes, and show...

How do I parse a string with a decimal point to a double?

c# string parsing double

I want to parse a string like "3.5" to a double. However,