Tweet

In this post, I’ll explain three common approaches to positioning text labels on web forms using CSS: top-​​​​positioned text labels left-​​​​aligned text labels right-​​​​aligned text labels Using Top-​​​​positioned Text Labels Positioning labels at the top of their form elements is probably the easiest…

Tweet

Forms represent the one area of your web site where you absolutely must commit time and energy to ensure user accessibility. But before you can begin to lay out a web form, you need to craft some really solid markup that will provide a framework to which you can add some style.

Tweet

There are several different ways in which you can lay out a form. The method you choose depends upon how long the form is, its purpose, how often it will be used by each person who has to fill it out, and, of course, the general aesthetics of the web page.