HTML Forms input box and upload

Question

A tutorial I'm following created a form using the code below. The teacher's form has a space to enter text and the ability to upload data, but when I tried it, it only allowed me to browse/upload. There's no box to input text.

There's a link to my site here. http://quoralist.com/sandbox/upload.php

Any ideas why my form doesn't give me space to input text?

<html>
    <head>
        <title>Upload</title>
    </head>
    <body>


    <form action="upload.php" enctype="multipart/form-data" method="POST">

    <input type="file" name="file_upload" />

    <input type="submit" name="submit" value="Upload" />

    </form>
    </body>
</html>

Darin Dimitrov · Accepted Answer · 2011-03-12 09:15:21Z

2

It's because you are using Google Chrome or Safari browser :-) Try with IE or FireFox. The <input type="file"> tag is special and the way it is rendered is browser dependent. Here's an article which illustrates how this tag could be styled so that it looks the same among all browsers.

answered Mar 12, 2011 at 9:15

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Leahcim Over a year ago

thanks, do you know a way to construct the form so that it would work as intended in Chrome?

Darin Dimitrov Over a year ago

@Michael, you may take a look at the following article.

Collectives™ on Stack Overflow

HTML Forms input box and upload

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related