DropList & ListBox << Form Extras
Subject Line

When the FORM input is directed through a CGI, your return e-mail will usually have a blank subject line or a generic "feedback from FORM" in the subject line. This can usually be changed to a title of your choice. Some people use the different subject lines if they have a number of FORMs and they want to know from which FORM this information is coming from.

After the opening FORM tag, this code line will create a SUBJECT line in the e-mail you receive.

<input type="hidden" name="subject" value="Form_Answers">

Every INPUT needs a TYPE specified for it. Since this code line is not necessary for appearing on the FORM itself, we can specify hidden as the TYPE. This makes the command work but "hides" it from view.

Specifying "subject" for the NAME lets the CGI know that we are doing something with the subject line for the return e-mail.

Any text declared in the VALUE quotes will become the subject line of the return e-mail. It's best NOT to have actual spaces in the VALUE text. Don't use spaces or use an underscore instead.


The PASSWORD value creates "stars" for any characters entered by the user. SIZE determines the length of the FORM field.

Enter your password :
Enter your password : <input type="password" size="40">

This only creates the stars in the field area. This is NOT an actual password protection. The data is not encrypted when it is sent.

Forwarding URL

Isn't it annoying when you SUBMIT a FORM and all it does is display a page showing you all the input information? Then waits, and waits, and waits, and does nothing more? Well, that's because the coder forgot to add in the forwarding URL command. This lets the browser know where to go after the FORM has been SUBMITed.

This code is inserted just before the SUBMIT button code.
<input type="hidden" name="next-url" value="Your_Target_URL">

type="hidden"a background or underlying command as described above in the Subject line tag.
name="next-url"creates the actual command "GO TO".
value="Your_Target_URL"lets the FORM know where to "GO TO" after it has been SUBMITed.

In some cases, you can have it go to a thank-you page, back to your main site page, or to some totally different site if you wish. There is one "MUST DO" for this property and command. The target URL MUST be a full and complete URL. This means the full written URL such as "". If it is not entered completely, the FORM may not work properly.

Image SUBMIT/RESET button

This is to substitute an image for the regular grey SUBMIT button.

<input type="image" src="SomeImage.gif" alt="My Submit Image">

Be sure to include any subdirectories and check the spelling for the image.

This is to substitute an image for the regular grey RESET button. Substitute the FormName and image filename where necessary.

<a href="javascript:document.FormName.reset( );">
<img src="SomeImage.gif">


It's sometimes necessary to create a field of text that is only meant to be read and not changed. To prevent the visitor from changing it, the READONLY property is used. This property can be specified in a TEXT BOX, TEXTAREA, CHECK BOX, or RADIO BUTTON.

Please read the terms below :
Please read the terms below : <br>
<textarea name="terms" rows="3" cols="40" readonly>
1. I will not SPAM.
2. I will not stead bandwidth.
3. I will link back to HTMlite tutorials.
DropList & ListBox << Form Extras

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads