The Hidden value of the type attribute enables you to submit form information that's invisible to the user.

Example:

<INPUT type = "hidden"
               name = "Page"
               value = "specialty pies">

Note: Name is the value by which the element is referenced.Hidden controls are not completely hidden, since a surfer can always view the source and will see the name/value pair in the URL when the form is submitted.

Text asks for input in the form of a single-line. A number of text responses could be string together to create a meaningful Form. The size attribute sets the length of the text box in characters. You can also set the maximum number of characters that can be entered by using the maxlength attribute. The text can be locked against change by the read only attribute.

Syntax:

<INPUT type = "text"
               name = "" size= ""
               maxlength= "">

Example:

<INPUT type= "text" name= "order-name" size= "50" >

Note: If a form consists solely of a text box, the enter key will submit the form.

The Password value of the type attribute is exactly like the text attributes, except that the visible response on the Form is masked with an asterisk or similar character so that no one can read what the user types.

Example:

<INPUT type = "password"
               name = " secret"
               size = "30">

Note: Size is the number of characters allowed in a password text box.

The other attributes associated with the Input element are the disabled, alt and usemap. When an element is disabled its contents are not only unalterable but also unusable. The alt attribute is used for those web browsers that can't accept Forms. It only allows the users to see what elements the Form is composed of, but does not interact with those elements in any way. The usemap attribute can be used to include a client-side image map in the INPUT element.

Example:

<INPUT alt = "this is a submit button"
               type = "submit">
<INPUT usemap= "#mapx">

In this Exercise, you will learn to create a Form using the INPUT tag element with the text, password, checkbox, radio button, image, submit and reset attributes.

The Type attribute of the input element is specified as image and it displays the image "image1.gif" when viewed in the browser.

The Text attribute of the input element displays a text box with the size of the box set to 20 characters.

The Password attribute of the Input element displays a text box for entering the password where the actual text typed will be masked with special characters.

Copyrights : Layout Galaxy All Rights Reserved No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.