CodeNique - Free Tutorials on HTML, XHTML, CSS and More Online!

Now let’s talk about the <input type="file" />, which allows your users to select a file for uploading to the server, which will be sent to the server when submitted. The <input type="file" /> is accompanied by a browse button when rendered in a browser. When your user clicks the browse button a file dialog box and the path name of the selected file appears in the field or you can type the path name into the field.

The <input type="password" /> field is somewhat like the <input type="text" />, except that each character is displayed as an asterisk or bullet. Take note that this does not encrypt the information you enter, it only hides the info on screen, you can encrypt your info by using a web server running SSL, but the info can still be electronically stolen just by using the <input type="password" /> field.

Now the <input type="hidden" /> field also know as the <input type="hidden" /> control, which cannot be viewed in a browser. This is a good way to embed information into your forms that will not be ignored or changed by any user or browser. The <input type="hidden" /> controls are a great way to pass form processing information to the server that users cannot alter or see. The <input type="hidden" /> field is also a great way to store information from an earlier form so that it can be combined with the present forms data.

Now let’s talk about the <input type="radio" />, which is some what like checkboxes but only one button in the group can be selected at a time by the user. What I mean by when I say group is that buttons with the same name as its value for the name attribute are members of the same group. If none of the buttons in the same group are checked by the user or the checked attribute, which I will explain later on in the "How To Add Checkboxes Using The <input> Tag" tutorial, the browser will automatically check the first radio button in the group.

The <input type="checkbox" /> can give your form a way for users to have an option to select or deselect a checkbox item quickly and easily. You can have multiple checkboxes that can be grouped to give your users multiple choices in your form in which they can choose all, some or none of the checkboxes.

Now you can use the <input type="image" />, which is used to create an input button using an image, instead of a regular push-style button. By default the <input type="image" /> is a submit button only. You cannot make an image reset button.

In this tutorial we are going to make a simple form, by using the <form> tag, which indicates that its contents is an interactive form that contains controls. The <form> tag also requires an end tag. A form is made of one or more checkboxes, pull-down menus, input boxes, image maps and clickable buttons. With that, said forms are a great way to collect information from visitors. If you have ever ordered anything online you have probably used a form to enter your shipping information and payment information. If you ever filled out a guest book online you have probably used a form, these are just some of the examples of what forms are used for.

Why nest tags you ask because I ordered you to, just playing, nesting tags can give your web page multiple effects to your text and much more.