How to Set Auto Tab Order in Microsoft Front Page

The HTML tabindex attribute allows web designers to set the order in which links and form elements are accessed when users press the "Tab" key. The attribute is most often employed to allow users to complete form fields in a more logical order or to skip certain fields altogether. Setting tabindex attributes to control tab order is easily achieved with Microsoft FrontPage.

Instructions

    • 1

      Open your page and examine the pieces you want to edit. Highlight the first element, and then click the button labeled "Code" near the bottom-left corner of FrontPage. This shows the HTML code that controls the element. Tab order can only be changed for the following HTML tags: <a>, <area>, <button>, <input>, <object>, <select>, <textarea>. Confirm that each of the elements you want to control includes one of these tags.

    • 2

      Click the "Design" button in the lower-left corner of FrontPage to return to Design View. Highlight the first element you want to control, and then click "Code" to view the element's code. Add a tabindex attribute to the element, as shown in the following sample:

      <input type="text" tabindex="1" value="One">

      The value of the tabindex attribute can be any number between 0 and 32,767. Tags with lower numbers come before higher numbers in the tab order. Remove an element from the tab order altogether by setting its tabindex value to a negative number.

    • 3

      Add a tabindex attribute to each additional element you want to control.

    • 4

      Click "File" in the menu near the top of your screen and select "Save." Open the page you just edited in a web browser. Press the "Tab" key and see how your page has changed. The tab order you specified in the previous step now takes precedence over the browser's default settings.

Related Searches:

References

Comments

You May Also Like

Related Ads

Featured