Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML input type="file" in Chrome does not show textbox

Tags:

I have problem with <input type="file" /> in Chrome - it does not show the textbox near the 'browse' button. What is a best way to show a standard file input (textbox+button) in Chrome?

like image 378
AEMLoviji Avatar asked Mar 10 '11 14:03

AEMLoviji


2 Answers

This is the default behavior of Google chrome as well as Safari. Read this blog for a solution

like image 142
Fraz Sundal Avatar answered Oct 19 '22 05:10

Fraz Sundal


The box is there, although it is not designed. It might be on the "wrong" side of the window, but it's there.

Just for the matter - put a border around it - and you'll see it's there.

  <input type="file" style="border: solid 1px red"> 

Also, after you select a file - you get the name of it.

like image 33
Radagast the Brown Avatar answered Oct 19 '22 06:10

Radagast the Brown