Free HTML Forms Class: Lesson 4 - Dress Up Forms with Other Form Tags

| Tuesday
If you can't see this email, click here

About.com


Lesson 4 - Dress Up Forms with Other Form Tags
Jennifer Kyrnin
From Jennifer Kyrnin, your Guide to Web Design / HTML
Forms can be pretty boring looking. Most designers simply line up the text fields one after the other, or put them in tables. All of which are fine, but you can do more with forms than just slapping the tags up on a page.

This tutorial is available online as well as by email. If you want to get ahead or just need more time with a particular lesson feel free to follow the HTML Forms Tutorial on the website.

There Are Lots of Other Form Tags
The LABEL Tag
The <label> tag helps make your forms more accessible. Plus they become much easier to click on, as when you click on the label, the form field associated with that label gets focus automatically.


The FIELDSET Tag
The <fieldset> tag lets you group your form elements so that they make more sense on the page. This is especially useful for forms that have more than 7 fields to fill in.

The LEGEND Tag
Use the <legend> tag with the <fieldset> tag to add extra defining text to your forms. Fieldsets divide the content into sections, and legends give those sections names.

The OPTGROUP Tag
The <optgroup> tag lets you add labels and groups to your drop-down menus. You put them inside the <select> tags around the different <option> tags in the group.

Homework
Create a Form with More Advanced Tags
Use some of the tags we discussed above to create a form that is more accessible and user-friendly. If you get into the habit of using these tags as well as the basic form tags, your forms will be more useful to your customers.


This email is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Missing a lesson? Click here.

About U. is our collection of free online courses designed to help you learn a new skill, solve a problem, get something done, or just learn more about your world. Sign up now, and we will email you lessons on a daily or weekly basis.
You are receiving this email because you subscribed to the About.com 'Free HTML Forms Class' email. If you wish to unsubscribe, please click here.

About respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2010 About.com
 

Advertisement

0 comments:

Post a Comment