HTML Tips - Forms

(Page 4 of 5 )

Outline to a Form

You can give a form an outline and caption using the FIELDSET and LEGEND elements. Example:

<form>

<fieldset>

<legend>Caption Here</legend>

<input type="text"> <br />

<input type="text">

</fieldset>

</form>

The FIELDSET element gives the form the outline; the LEGEND element gives the form the caption. Put the legend element immediately below the start tag of the fieldset element. You can label the size of the outline using Cascading Style Sheets.

Tabbing Navigation

The order in which elements receive focus when navigated by the user via the keyboard (tab key) is called the Tabbing Order. You can control this order for some elements by giving each of the elements the tabindex attribute. Example:

<input type="text" tabindex="1"> <br />

<input type="text" tabindex="2">

Elements receive focus beginning from the one whose tabindex is lowest to the one whose tabindex is highest. Note: any element whose tabindex has a value of zero receives focus after elements whose tabindex values are greater than zero. It is advised to give tabindex values beginning with 1.

The following elements support the tabindex attribute: A, AREA, BUTTON, INPUT, OBJECT, SELECT, and TEXTAREA.

Elements that do not support the tabindex attribute or elements whose tabindex value is zero receive focus after those who do support. These elements receive focus in the order in which they appear in the document.

Next: Form Elements for Uploading Files >>
 

More HTML Articles
More By Chrysanthus Forcha

Comments On: HTML Tips

· If you are coding in HTML and you reach a point where you do not know how to...    · Just a note here, using dt and dd to represent dialog can be very confusing to those...   >>> Post your comment now!