Hiding or shrink the textbox for input type=file 2

xpblueScreenOfDeath · Feb 19, 2005

Is there a way to shrink the textbox for input type=file, so that it is almost completely hidden or hidden? I only want the browse button to be showing. I'll be using javascript to add the file name to a listbox, but I don't need the textbox to be showing.

I tried the code below but it only seem to work in IE and not firefox.

Code:

<INPUT type=file style="Width: 0px">

BillyRayPreachersSon · Feb 19, 2005

You could use something like this:

Code:

<html>
<head>
</head>
<body>
	<form>
		<div style="owerflow:hidden;">
			<input type="file" name="myFile" style="position:absolute; width:200px; left:-120px;" />
		</div>
	</form>
</body>
</html>

The value for "left" might need to be different per browser, but you should be able to do this fairly easily with JS.

Hope this helps,
Dan

xpblueScreenOfDeath · Feb 19, 2005

Is there a way to solve this problem without having to do an absolute postion? With that solution my contents doesn't flow right. The browse button is always covering my content to the left of it unless I put in a postion for the input control. Thanks for the suggestion.

CliveC · Feb 19, 2005

background-image:url('my.gif');background-repeat:no-repeat;
seems to work. Possibly you could make a gif out of "to see a list of files click ->" ??

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

Vragabond · Feb 19, 2005

Actually, the code provided by Dan should work equally good with relative positioning:

Code:

<html>
<head>
</head>
<body>
    <form>
        <div style="overflow: hidden;">
            <input type="file" name="myFile" style="position: relative; width: 200px; left: -120px;" />
        </div>
    </form>
</body>
</html>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Hiding or shrink the textbox for input type=file 2

xpblueScreenOfDeath

Programmer

BillyRayPreachersSon

Programmer

xpblueScreenOfDeath

Programmer

CliveC

Programmer

Vragabond

Programmer

Similar threads

Part and Inventory Search

Sponsor