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

Question

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

Answer 1

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

Answer 2

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;" />

Answer 3

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