Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat.

free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class">

Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat. free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class

<Code_Punk>'s

Advanced HTML Lesson 27:
The File Selection Box

Code Tutorials



Site Development



Downloads



Help!!



Home

What File Selection Does

The file selection box is a simple and powerful TYPE of <input>. It allows the viewer to select a file on their hard drive. This is usually done in preparation for an upload of some sort.

The upload is handled by backend programming, but the entire file selection box can be coded simply with HTML. Here's a sample file selection box:


This field has two parts. First is a textbox that allows the viewer to type in the path to a file on their hard drive. The "Browse..." button opens a "Choose File" dialog box that allows them to select a file graphically.

Making The Field

This field is ridiculously easy to make. The entire code is:

<input type="file">

Just setting TYPE to "file" brings up the both the textbox and browse button. You should add a NAME to the <input> and you can size the textbox with SIZE. You cannot remove the box by setting SIZE to zero.

Add a file selection box to our growing form



To Next Advanced HTML Lesson

Back To Advanced HTML Index