Latest news:

Jan 2006
No news

Feb 2006
Still no news

Additional info

To view the source of this XHTML cheat sheet choose option (Page) Source from your browser's View menu.

XHTML form basics cheat sheet

XHTML forms can contain all "ordinary" XHTML tags. A cheat sheet containing these elementary tags is available at this location.

Form elements example

A few words about this form design for Andreas01. When I started work on this design it was my goal to use CSS where possible and to avoid the use of tables. I soon discovered that, especially in IE6, this is by no means easy. An important hurdle is that this browser does not support attribute selectors. At some point I switched back to a table based design and I don't regret it. The final result now matches my expectations in both Firefox 1.5 and IE6. It handles larger and smaller font sizes relatively well and is nicely aligned. Lastly I think it's important to mention that even if CSS is not supported by the user agent the form still looks quite acceptable.

I recently developed a tableless XHTML form for more modern browsers. I tested the new design on Firefox v21, Chromium v25 and Internet Explorer v10. My advise is to stick to the design as used for this page in case it is necessary to support older browsers (i.e. IE6 and Firefox 2) as well.

In case you want to apply this form design to your own web page you can do so as long as you respect the terms of the GNU General Public License. I would appreciate it if you would include a link to this page on your website but you are under no obligation to do so.

You can download the most recent version of this document from the BubbleBoy SVN repository. The CSS code can also be retrieved.


Comments to Hans de Rooij

BubbleBoy Ubuntu Server Apache Server Valid XHTML 1.0 Strict Valid CSS