Home arrow HTML arrow Page 4 - HTML Tips
HTML

HTML Tips


In this article, I will give you some HTML tips that will enable your web page to have a more professional quality. You can try all the codes that I give with the tips. If this piques your interest (and I know it does), then please keep reading.

Author Info:
By: Chrysanthus Forcha
Rating: 4 stars4 stars4 stars4 stars4 stars / 3
March 26, 2008
TABLE OF CONTENTS:
  1. · HTML Tips
  2. · Text
  3. · Lists
  4. · Forms
  5. · Form Elements for Uploading Files

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
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.


blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 4 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials