input file type

In many ht开发者_如何转开发ml tutorials they show input file type and the result being a button choose file type which when you click it pops up dialog box to select files from your hard drive,but when i run the same code i get the text input box with the button on the side saying browse.I want to get the same result how do i do that?Here is the code

enter code here <input type="file" id="flupload" name="fileupload/>

Every browser has its own file input element style. A text box with a "Browse" button is the style your browser of choice is using. You cannot change that.

The display of the file input type depends on your browser so to get the other display you would have to switch browsers.

This is easy to make with a little CSS ... Just make the real file input element completely opaque, then position that right on top of the dummy. It may take some JS to make hovers, though.

Here are some tutorials: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom http://www.quirksmode.org/dom/inputfile.html

Hope those help!