Changing text in file input

[xwb]

How do I change the text in file input.

<input type="file">

Gives a Browse... button.
How do I change Browse... to Upload...

 

[BillyRayPreachersSon]

There's no out-of-the-box way to do this, and the ways you can achieve it are not 100% cross-browser.

I suggest reading these:

http://www.quirksmode.org/dom/inputfile.html

http://www.eggheadcafe.com/community/aspnet/17/10085822/how-to-change-browse-bu.aspx

http://www.kavoir.com/2009/02/styling-file-upload-select-input-control-input-typefile.html

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

 

[xwb]

Thanks BRPS. I sort of suspected that since I couldn't find anything on the W3C site.

 

[ChrisHunt]

There's very little you can do to affect the value of a file input, for reasons of security. If file inputs worked like normal ones, unscrupulous people could do things like this:

<input type="file" value="C:\something_important.txt" style="display:none">

Put that somewhere innocuous like a search or contact form, and the user is having files uploaded from his/her machine without knowing about it.

That doesn't help you olve your problem, but at least you know why it is how it is.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[audiopro]

Having 'upload' on the button would be misleading for visitors because the 'browse' function has to be performed before the file can be uploaded.

Keith

http://www.studiosoft.co.uk

 

[vacunita]

I tend to agree with audiopro.
You "Browse" for the file first, and then you "Upload" it. So you could have a second button that says "Upload" that only becomes available when a file has been chosen, and submits the form so the file can be uploaded.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.